Posted: December 10, 2015

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

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

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

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

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

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

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

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

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

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

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

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

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


    1
  • Дмитрий July 28, 2016 13:05 #

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

    1
  • Дмитрий July 28, 2016 14:03 #

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

    1
  • Дмитрий July 29, 2016 10:07 #

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

    1
    • Алексей Алексей March 13, 2017 17:07 #

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

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

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

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

    1
    • Алексей Алексей March 13, 2017 19:12 #

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

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

      }

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

      1
  • Алексей March 14, 2017 11:44 #

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

    1
  • Алексей March 14, 2017 15:37 #

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

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

    1
  • Анатолий Лукашов February 9, 2019 15:38 #

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

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

    1

  • Add answer

    To add a comment please sign up or login

    Контакты

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

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

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

    Internet Explorer

    от Microsoft

    Chrome

    от Google

    Safari

    от Apple

    Opera

    от Opera Software

    Firefox

    от Mozilla

    Вверх