Опубликовано: 10 декабря 2015

Наклейки на товары

Здравствуйте, в движке есть так называемые наклейки "New" "Хит" "Скидка" "другой" , давайте придумаем как можно вместо цветного фона и текста, вставлять картинку, а то получается как то не красочно.

Комментарии (9)

  • Тирон Александр 9 декабря 2015 14:09 #

    Нечего придумывать, добавьте в блок пользовательских стилей правила:

    .badge.new {
    background:#ff4;
    }
    .badge.low-price {
    background:#ffc2e3;
    }
    .badge.bestseller {
    background:#74ff30;
    }

    значение свойства background замените подключением изображения, например так:

    background: url("тут абсолютный адрес картинки");
    1
    • При данном решении подгружаются старые стили.... и фото обрезается и округляется... как их убрать?!

      1
      • Тирон Александр Тирон Александр 29 февраля 2016 15:31 #

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

        .badge {
            border-radius: 0;
            padding: 0;
            width: 100px;
            height: 20px;
        }
        1
  • Дмитрий 26 июля 2016 17:47 #

    Здравствуйте! Сделал все вышеперечисленное.

    Как убрать Слова черным "New" и " Скидка"?


    1
  • Дмитрий 28 июля 2016 13:05 #

    Спасибо! Все работает!

    1
  • Дмитрий 28 июля 2016 14:03 #

    Подскажите еще, а можно как то убрать наклейки в карточке товара?

    1
  • Дмитрий 29 июля 2016 10:07 #

    Все работает, СПАСИБО!

    1
    • Алексей Алексей 13 марта 2017 17:07 #

      Подскажите, пожалуйста, как сделать, чтобы наклейки не отображались в слайдере?

      1
  • Колмаков Игорь 13 марта 2017 17:14 #

    в пользовательских стилях пропишите

    .carousel .badge,
    .lazyload .badge{
    display:none;
    }

    1
    • Алексей Алексей 13 марта 2017 19:12 #

      Игорь, не помогло

      .carousel .badge,
      .lazyload .badge{
      display:none;

      }

      Наклейки не исчезли.

      1
  • Алексей 14 марта 2017 11:44 #

    Может кто то подскажет, пожалуйста, как сделать, чтобы наклейки НЕ отображались в слайдере на главной?

    1
  • Алексей 14 марта 2017 15:37 #

    Я по другому уже сделал.
    В файле slider.products.html удалил

    <div class="corner top left">{$badge_html}</div>

    1
  • Анатолий Лукашов 9 февраля 2019 15:38 #

    Здравствуйте. Не знаю относится ли вопрос к вашей теме или к вебасисту. Стоит задача создать наклейку на товаре со своим текстом, цветом этого текста, цветом бэйджа и параметром прозрачности. В настройках темы нашёл только смену цвета текста и цвета фона стандартных наклеек «новинка, скидка, хит». В бэкэнде, в карточке товара, на странице «фото» есть возможность добавить свою наклейку, но там по умолчанию предлагает установить только цвет фона. Не подскажите ли, как дополнить эту команду, чтобы установить свой текст, цвет текста, цвет бэйджа и его прозрачность?

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

    1

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

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

    Услуги

    Контакты

    Дорогие друзья!

    К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

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

    Internet Explorer

    от Microsoft

    Chrome

    от Google

    Safari

    от Apple

    Opera

    от Opera Software

    Firefox

    от Mozilla

    Вверх