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

Настройки для категории и витрины товара свои.

Нужна еще одна наклейка , которой можно присвоить оформление (свою картинку с размерами и параметрами размещения) . Через наклейку "Другая" реализовать не получается, так как необходимо прописывать разные данные для оформления наклейки в категории и витрине товара. Спасибо за помощь.

2 ответа

  • 1

    Воспользуйтесь плагином

    • +1
      Максим Филин Максим Филин 26 марта 2018 13:34 #

      Другие варианты возможны? По отзывам покупателей плагина, на данный момент тех.поддержка не доступна.


      • +2
        replicant replicant 26 марта 2018 13:42 #

        Варианты есть всегда. Если готовы прописать одну строчку в системном файле и вносить эти изменения после обновлений shop-script, т.к. слетать будет, то можете сделать свой дополнительный бейдж (с именем custom) по типу стандартных, а потом в коде css добавить нужное оформление для нового .badge.custom и все.
        В этой теме описано как и где https://support.webasyst.ru/25369/nakleyki-khit-ne...



        • +1

          Человек плагин покупать опасается из-за одного отзыва в котором что-то про техподдержку сказано, а вы ему исходники SS редактировать предлагаете....

          • +2
            replicant replicant 26 марта 2018 14:20 #

            Ну мое дело предложить. Если бы у меня стоял выбор между заплатить денег за плагин или прописать одну строчку в файле, которая создаст необходимый четвертый ярлык, то ответ в моём случае очевиден. Но это в моём случае. А для своего случая пусть сам решает, что удобнее.

            • +1
              Максим Филин Максим Филин 26 марта 2018 14:24 #

              Согласна с Вами, спасибо за рекомендацию и помощь, сейчас попробую воспользоваться Вашей информацией.

              • +2
                replicant replicant 26 марта 2018 14:39 #

                Вот так выглядит 4-й бейдж

                'new'        => array('name' => _w('New!'), 'code' => '<div class="badge new"><span>'._w('New!').'</span></div>'),
                'bestseller' => array('name' => _w('Bestseller!'), 'code' => '<div class="badge bestseller"><span>'._w('Bestseller!').'</span></div>'),
                'lowprice'   => array('name' => _w('Low price!'), 'code' => '<div class="badge low-price"><span>'._w('Low price!').'</span></div>'),
                'custom'   => array('name' => 'Что-нибудь свое', 'code' => '<div class="badge custom"><span>Слово или фраза, если надо</span></div>'),
                

                Ну и далее в CSS задается оформление какое вам надо для custom

                .badge.custom{background:#f00;color:#fff;}
                • +1
                  Максим Филин Максим Филин 26 марта 2018 14:45 #

                  Спасибо за помощь, но вопрос вот в чем , если сайт установлен в облаке, то получается , я не смогу исправить код (директория установки, далее /wa-apps/shop/lib/model/shopProduct.model.php) , так как у меня нет доступа. Я правильно понимаю?

                  • +2
                    replicant replicant 26 марта 2018 14:53 #

                    Поэтому и говорю, что случаи могут быть разные и не все решения могут подойти. В вашем случае есть ограничения и доступа к коду нет, поэтому решение в одну строчку - не ваш случай.

                    • +1
                      Максим Филин Максим Филин 26 марта 2018 15:08 #

                      Подскажите, пож-та , а исправить наклейку из бекенда с названием Другой возможно?

                      и кодом:

                      <div class="badge" style="background-color: #a1fcff;"><span>ВАШ ТЕКСТ</span></div>

                      Может быть прописать ей стили оформления , как стандартным или по-другому?

                      • +2
                        replicant replicant 26 марта 2018 15:31 #

                        Это возможно. Попробуйте так.
                        1. Создайте сначала в CSS все необходимое для стиля .badge.custom по той же схеме, что и для трех стилей стандартных как в вашем примере вы привели в начале.

                        2. В наклейке напишите примерно такой код <div class="badge custom" >...</div> (вместо троеточия что-то свое, либо пустота, если у вас там будет картинка бекграундом)

                        Стиль оформления для объекта данного класса badge custom определится согласно правилам написанным в css в пункте 1.

      • +2

        Множественное число неуместно. Один последний отзыв. Но решать вам, конечно.

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

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