Bueno, pues partiendo de este post que publicaron en el foro, y que he puesto en custom.css, he creado las siguientes etiquetas, que no están mal:
Y lo he hecho de la siguiente manera, por si a alguien le sirve. En "themes/classic/assets/css/custom.css" he añadido:
li.product-flag.packs {
position: absolute;
left: -10px;
background:#FF3600;
color:#ffffff;
}
li.product-flag.packs::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #EE3200;
transform: rotate(180deg);
left: 0px;
top: 30px;
border-top-color: transparent;
border-right-color: transparent;
}
Y en "themes/classic/templates/catalog/_partials/product-flags.tpl" he cambiado el código en negrita de antes por este:
{if $product.quantity_all_versions <= 0 AND $product.id_manufacturer == 1}
<li class="product-flag packs">Packs</li>
{/if}
No acabo de entender bien porque funciona pero lo hace. Es que en el css lo llamo product-flag.packs mientras que aquí lo llamo product-flag packs, sin el punto antes de packs.