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

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

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

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

  • Александр Тирон 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

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

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

    Контакты

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

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

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

    Internet Explorer

    от Microsoft

    Chrome

    от Google

    Safari

    от Apple

    Opera

    от Opera Software

    Firefox

    от Mozilla

    Вверх