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

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

2 ответа

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

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

  • 1
    slik 7 сентября 2016 09:01 #

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

    /* 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;}

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

Чтобы добавить комментарий, зарегистрируйтесь или войдите