badge , наклейка, стикер
Добрый день! Прошу помочь в проблеме. Есть 3 вида стандартных наклеек на товар Хит, Новинка и скидка. Все они испотзуются одновременно.
Вместо стандартного отображения каждому виду присвоена своя картинка и прописана в коде. Пример:
.badge.new {position:absolute; bottom:10px; right:0px; width:100px; height:45px; background-image: url('wa-data/public/site/img/new15.png'); background-size: 100px 45px; background-repeat: no-repeat;} .badge.bestseller {position:absolute; bottom:10px; right:0px; width:100px; height:45px; background-image: url('wa-data/public/site/img/hit50.png'); background-size: 100px 45px; background-repeat: no-repeat;} .badge.low-price {position:absolute; bottom:10px; right:0px; width:100px; height:45px; background-image: url('wa-data/public/site/img/disc30.png'); background-size: 100px 45px; background-repeat: no-repeat;} .badge span { display:none; } .product-gallery .badge.new {position: absolute; bottom:-500px; right:0px; width:200px; height:90px; background-image: url('wa-data/public/site/img/new15.png'); background-size: 200px 90px; background-repeat: no-repeat;} .product-gallery .badge.bestseller {position: absolute; bottom:-500px; right:0px; width:200px; height:90px; background-image: url('wa-data/public/site/img/hit50.png'); background-size: 200px 90px; background-repeat: no-repeat;} .product-gallery .badge.low-price {position: absolute; bottom:-500px; right:0px; width:200px; height:90px; background-image: url('wa-data/public/site/img/disc30.png'); background-size: 200px 90px; background-repeat: no-repeat;} .product-gallery .badge span { display:none; }
Настройки для категории и витрины товара свои.
Нужна еще одна наклейка , которой можно присвоить оформление (свою картинку с размерами и параметрами размещения) . Через наклейку "Другая" реализовать не получается, так как необходимо прописывать разные данные для оформления наклейки в категории и витрине товара. Спасибо за помощь.
14 ответов
Воспользуйтесь плагином
Другие варианты возможны? По отзывам покупателей плагина, на данный момент тех.поддержка не доступна.
Варианты есть всегда. Если готовы прописать одну строчку в системном файле и вносить эти изменения после обновлений shop-script, т.к. слетать будет, то можете сделать свой дополнительный бейдж (с именем custom) по типу стандартных, а потом в коде css добавить нужное оформление для нового .badge.custom и все.

В этой теме описано как и где https://support.webasyst.ru/25369/nakleyki-khit-ne...
Человек плагин покупать опасается из-за одного отзыва в котором что-то про техподдержку сказано, а вы ему исходники SS редактировать предлагаете....
Ну мое дело предложить. Если бы у меня стоял выбор между заплатить денег за плагин или прописать одну строчку в файле, которая создаст необходимый четвертый ярлык, то ответ в моём случае очевиден. Но это в моём случае. А для своего случая пусть сам решает, что удобнее.
Согласна с Вами, спасибо за рекомендацию и помощь, сейчас попробую воспользоваться Вашей информацией.
Вот так выглядит 4-й бейдж
Ну и далее в CSS задается оформление какое вам надо для custom
Спасибо за помощь, но вопрос вот в чем , если сайт установлен в облаке, то получается , я не смогу исправить код (директория установки, далее /wa-apps/shop/lib/model/shopProduct.model.php) , так как у меня нет доступа. Я правильно понимаю?
Поэтому и говорю, что случаи могут быть разные и не все решения могут подойти. В вашем случае есть ограничения и доступа к коду нет, поэтому решение в одну строчку - не ваш случай.
Подскажите, пож-та , а исправить наклейку из бекенда с названием Другой возможно?
и кодом:
Может быть прописать ей стили оформления , как стандартным или по-другому?
Это возможно. Попробуйте так.
1. Создайте сначала в CSS все необходимое для стиля .badge.custom по той же схеме, что и для трех стилей стандартных как в вашем примере вы привели в начале.
2. В наклейке напишите примерно такой код <div class="badge custom" >...</div> (вместо троеточия что-то свое, либо пустота, если у вас там будет картинка бекграундом)
Стиль оформления для объекта данного класса badge custom определится согласно правилам написанным в css в пункте 1.
Спасибо большое за помощь, получилось.
Множественное число неуместно. Один последний отзыв. Но решать вам, конечно.
Есть еще вариант https://www.webasyst.ru/store/plugin/shop/autobadg...