2 ответа

  • 1
    Вячеслав Партнер-эксперт 15 сентября 2015 06:30 #

    Вроде вывел но не отображаются надписи в наклейках. Подскажите кто знает?


    Вывел

    <div class="corner top right">

    {$wa->shop->badgeHtml($product.badge)}

    </div>


    в css добавил

    /* Product badges

    ----------------- */


    .badge { height: 45px; width: 45px; background: #a1fcff; position: inherit; text-align: left; top: -5px; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }

    .badge:before { height: 45px; width: 45px; background: inherit; content:""; position: absolute; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }

    .badge:after { height: 45px; width: 45px; background: inherit; content:""; position: absolute; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }

    .badge span { color: #000 !important; font-weight: bold; position: absolute; z-index: 1983; top: 17px; left: -2px; right: -2px; transform: rotate(-13deg); -webkit-transform: rotate(-13deg); -moz-transform: rotate(-13deg); -o-transform: rotate(-13deg); font-size: 1em; text-align: center; overflow: visible; line-height: 1em; }


    .badge.new,

    .badge.new:before,

    .badge.new:after { background: #ff4; color: #000; }

    .badge.low-price,

    .badge.low-price:before,

    .badge.low-price:after { background: #ffc2e3; color: #300; }

    .badge.bestseller,

    .badge.bestseller:before,

    .badge.bestseller:after { background: #74ff30; color: #030; }

    .badge.bestseller span { display: none; }

    .badge.bestseller:after { background-image: url('img/thumb-up.png'); background-size: 40px 40px; background-position: 2px 2px; background-repeat: no-repeat; }


    .product-gallery .badge,

    .product-gallery .badge:before,

    .product-gallery .badge:after { width: 70px; height: 70px; }

    .product-gallery .badge span { font-size: 1.5em; top: 25px; }

    .product-gallery .badge.bestseller:after { background-size: 64px 64px; background-position: 2px 2px; }


    .slider .badge,

    .slider .badge:before,

    .slider .badge:after { width: 70px; height: 70px; }

    .slider .badge span { font-size: 1.5em; top: 25px; }

    .slider .badge.bestseller:after { background-size: 64px 64px; background-position: 2px 2px; }

    • +1
      Vasya2 Vasya2 12 октября 2016 06:07 #

      У Вас получилось вывести наклейки в моб. верию? В какой шаблон вводили правки и какие? Заранее благодарен.

  • 1

    вы ничего не вывели, а просто определили переменную, для вывод нужно сделать так


    {$badge_html = $wa->shop->badgeHtml($p.badge)}
    {if $badge_html}
            <div class="corner top right">{$badge_html}</div>
    {/if}
    • +1
      Vasya2 Vasya2 22 октября 2016 18:35 #

      в какой шаблон надо это вставить? тоже нет наклеек в мобильной теме.

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

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