Мой css файл. В нем я добавил два новых класса ( для категорий, т.к. изображение в карточке товара например 250х250, а в категориях например 150х150, поэтому что б в категориях выровнять отображение стикеров , добавил эти два класса ".catnewlabel, .catspeciallabel " . )
catnewlabel - для отображения новинок в категориях.
catspeciallabel - для отображения по сниженной цене в категориях.
в итоге мой css получился такой:
.newlabel, .popularlabel, .speciallabel , .soldlabel, .catnewlabel, .catspeciallabel{position:absolute; width:91px; height:45px;margin-top: 1px; margin-left: 0px;}.newlabel { background: url('../image/status-new.gif') no-repeat; z-index:14;top:557px;}.catnewlabel { background: url('../image/status-new.gif') no-repeat; z-index:24;top:400px;}.speciallabel { background: url('../image/status-sale.gif') no-repeat; z-index:24;top:557px;}.catspeciallabel { background: url('../image/status-sale.gif') no-repeat; z-index:24;top:400px;}.popularlabel { background: url('../image/popular.png') left top no-repeat; z-index:13;}.soldlabel { background: url('../image/sold.png') left top no-repeat; z-index:15;}
Ну пути и названия картинок меняйте на свои.
в файле automatic-stiker.xml ищем строчку 224 ,
и заменяем ее на
<?php if (($product['date_available'] ) > strftime('%Y-%m-%d',$timestamp)){ ?><div class="catnewlabel"></div><?php } ?>
и строчку 233 заменяем на
<?php if ($product['price'] && $product['special']) { ?><div class="catspeciallabel"></div>
В итоге все это выглядит так: