• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

WooCommerce New Product Badge - плагин значка "Новинка"

Image CMS

Валерий

Специалист
#1
Плагин WooCommerce New Product Badge позволяет выводить значок нового товара, добавленного за последние Х дней. Количество дней, в течении которых с момента добавления товара он будет считаться новинкой, определяется в настройках данного плагина:

new-product-badge-3.png

На страницах архивов значок выглядит, например, так:

new-product-badge-4.png

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

new-product-badge-1.png

new-product-badge-2.png
Стоит отметить, что вывести значок "Новинка" можно также плагином WooCommerce Product Archive Customiser, активировав соответствующий чекбокс.;)
 

neoff

Опытный
#2
не подскажете случайно, как надпись "NEW", переместить в правый верхний угол?
 

dave14

Опытный
Местный
#3
В папке плагина есть подпапка assets и в ней файл style.css
Мое содержимое:
HTML:
ul.products li.product .wc-new-badge {
    font-size: 0.7em;
    text-transform: uppercase;
    color: white;
    background:#eb4649;
    padding:.2em .2em;
    display: inline-block;
    font-weight: 700;
    border-radius:2px;   
    position: absolute;
    top: 0px;
    left: 0;   
}
Ярлык отображается слева на картинке товара
 

neoff

Опытный
#4
В папке плагина есть подпапка assets и в ней файл style.css
Мое содержимое:
HTML:
ul.products li.product .wc-new-badge {
    font-size: 0.7em;
    text-transform: uppercase;
    color: white;
    background:#eb4649;
    padding:.2em .2em;
    display: inline-block;
    font-weight: 700;
    border-radius:2px;  
    position: absolute;
    top: 0px;
    left: 0;  
}
Ярлык отображается слева на картинке товара
Пасиб)
 

D&B

Администратор
Команда форума
Местный
#6
Если в настройках плагина не предусмотрено специальное поле для перевода то обычными средствами.
 
#10

D&B

Администратор
Команда форума
Местный
#11
Попробовал нажать - все работает. Перекидывает на стр товара нормально.
 
#12
Все теперь нормально. может у меня глюк был в браузере! У меня такой вопрос- как сделать свой дизайн кнопки "Купить". форму кнопки и тп. тени там всякое добавиить?
 

D&B

Администратор
Команда форума
Местный
#13

Defos

Новичок
#17
Здравствуйте, подскажите пожалуйста плагин на подобии WooCommerce New Product Badge, в котором можно самому на некоторые товары вешать похожие стикеры со своим текстом.
Спасибо!