Как заменить все иконки бейджев (скидка, хит, новинка)

Question

Как заменить все иконки бейджев (скидка, хит, новинка)

Форум поддержки » Вопросы и ответы

Хочу заменить все три иконки бейджев (скидка, хит, новинка) на свои png файлы, подскажите как мне это сделать? Как я понимаю, нужно редактировать badgeHtml, но в редакторе шаблонов нет этого файла... тема - дефолт 3

2 ответа

Добавить ответ

**Алексей** · Answer 1

1

Алексей Webasyst 6 сентября 2016 13:29 #

Скорее стоит посмотреть в сторону основных классов CSS.

ответить

**slik** · Answer 2

Да, примерно так

/* Product badges
----------------- */
.badge.new {width:45px; height:45px; background-image: url('http://ekbvape.ru/wa-data/public/site/new.png'); background-size: 45px 45px; background-repeat: no-repeat; }
.badge.bestseller {width:45px; height:45px; background-image: url('http://ekbvape.ru/wa-data/public/site/hit.png'); background-size: 45px 45px; background-repeat: no-repeat;}
.badge.low-price {width:45px; height:45px; background-image: url('http://ekbvape.ru/wa-data/public/site/sale.png'); background-size: 45px 45px; background-repeat: no-repeat;}
.badge span { display:none; }

.product-gallery .badge.new {width:70px; height:70px; background-image: url('http://ekbvape.ru/wa-data/public/site/new.png'); background-size: 70px 70px; background-repeat: no-repeat; }
.product-gallery .badge.bestseller {width:70px; height:70px; background-image: url('http://ekbvape.ru/wa-data/public/site/hit.png'); background-size: 70px 70px; background-repeat: no-repeat;}
.product-gallery .badge.low-price {width:70px; height:70px; background-image: url('http://ekbvape.ru/wa-data/public/site/sale.png'); background-size: 70px 70px; background-repeat: no-repeat;}
.product-gallery .badge span { display:none; }


.slider .badge.new {width:65px; height:65px; background-image: url('http://ekbvape.ru/wa-data/public/site/new.png'); background-size: 64px 64px; background-repeat: no-repeat; }
.slider .badge.bestseller {width:65px; height:65px; background-image: url('http://ekbvape.ru/wa-data/public/site/hit.png'); background-size: 64px 64px; background-repeat: no-repeat;}
.slider .badge.low-price {width:65px; height:65px; background-image: url('http://ekbvape.ru/wa-data/public/site/sale.png'); background-size: 64px 64px; background-repeat: no-repeat;}
.slider .badge span {display:none;}