WooCommerce Advanced Product Labels

1. Скопируйте Ключ Аккаунта с сайта BeRocket.
2. Вставьте этот ключ в поле Ключ Аккаунта.
3. Нажмите кнопку Тест.
4. Если вы используете правильный Ключ Аккаунта, вы увидите:
   
5. Нажмите кнопку Сохранить изменения.

1. Скопируйте ключ плагина с сайта BeRocket.
2. Вставьте этот ключ в поле WooCommerce Advanced Product Labels.
3. Нажмите кнопку Тест.
4. Если вы используете правильный ключ плагина, вы увидите:
5. Нажмите кнопку Сохранить изменения.

• Отключить глобальные этикетки – отключить этикетки, которые были добавлены ко всем товарам на странице: админ-панель → Товары→ Этикетки.
• Отключить этикетки товаров – отключить этикетки, которые были добавлены на странице редактирования товаров.
• Отключить этикетки на странице товаров – отключить этикетки на странице товаров.
• Удалить этикетки WooCommerce
• Начать Улучшенное размещение этикеток – размещение блоков этикеток на изображении [px]:
  • Сверху
  • Справа
  • Снизу
  • Слева
• Данные атрибутов – линии размещения этикеток (только если в одной линии размещено несколько этикеток):
  • Линии 1-9
  • Показать все этикетки
  • Ограничении высоты
  • Обрезать строку в конце изображения
  • Ограничение количества этикеток

• Хук Магазина – вывод этикеток на странице магазина зависит от выбранного хука. В некоторых темах этих хуков может не быть, или они размещены не так, как в WooCommerce:
  • Перед Заглавием 1
  • Перед Заглавием 2
  • После Заглавия
  • Перед Всем
  • После Всего
  • =ОТКЛЮЧЕН=
• Хук Изображения Товара – вывод этикеток на странице магазина зависит от выбранного хука. В некоторых темах этих хуков может не быть, или они размещены не так, как в WooCommerce:
  • Под иконками
  • После изображения
  • Перед описанием товара
  • После названия
  • После описания товара
  • Перед всем
  • =ОТКЛЮЧЕН=
  • =ДОПОЛНИТЕЛЬНО= woocommerce_product_thumbnails+15
• Хук Этикетки Товара:
  • Под Изображением
  • После Изображения
  • Перед Сводными Данными
  • После Заглавия
  • После Сводных Данных
  • Перед Всем
  • =ОТКЛЮЧЕН=
  • =ДОПОЛНИТЕЛЬНЫЙ= woocommerce_product_thumbnails+15
• Хук Таймера Магазина – место вывода таймера на странице товара:
  • Перед товаров
  • После изображения товара
  • После названия товара
  • Перед кнопкой “Добавить в корзину”
  • После кнопки “Добавить в корзину”
• Хук Таймера Товара – место вывода таймера на странице товара:
  • Перед товаром
  • После товара
  • Перед описанием товара
  • После описания товара
  • Перед кнопкой “Добавить в корзину
  • После кнопки “Добавить в корзину”
  • После товара

ДОПОЛНИТЕЛЬНЫЕ ХУКИ – выбор дополнительных хуков может сломать страницы магазина/товара. Используйте это, только если по умолчанию не работают Хуки.

• Продвинутый Контент – прикрепление ссылки к этикетке в поле Ссылка (Настройки Этикеток→ Глобальные настройки→ Ссылка). При нажатии на этикетку пользователь перейдет по указанной вами ссылке (Открыть в новой вкладке – включить/отключить). Что бы включить аддон, проследуйте в BeRocket→ Этикетки Товаров→ Настройки→ Аддоны→ Продвинутый Контент. Нажмите на изображение куба, а затем на кнопку Сохранить изменения.
• Градиент – добавление градиента к этикеткам
• Этикетки для вариаций – добавление этикеток к вариациям товара.
• Таймер – добавление таймеров на страницу магазина/товара.

Настройки доступны только когда включен аддон Timer.

• Хук Таймер Магазина – вывод таймера для этикеток на странице магазина зависит от выбранного хука. В некоторых темах этих хуков может не быть, или они размещены не так, как в WooCommerce:
  • Перед продуктом
  • После изображения товара
  • После названия продукта
  • Перед кнопкой «Добавить в корзину»
  • После кнопки «Добавить в корзину»
• Хук Таймер Продукта – вывод таймера для этикеток на странице продукта зависит от выбранного хука. В некоторых темах этих хуков может не быть, или они размещены не так, как в WooCommerce:
  • Перед продуктом
  • После изображения товара
  • После названия продукта
  • Перед кнопкой «Добавить в корзину»
  • После кнопки «Добавить в корзину»
  • После продукта
• Загрузка таймеров через AJAX – включить/отключить загрузку таймера с помощью AJAX(устраняет проблем с плагинами кеширования).

• Отключить Font Awesome – не загружайте файл CSS для Font Awesome на сайт. Отключите его, только если вы не используете иконки Font Awesome в виджетах или у вас есть Font Awesome в вашей теме.
  
• Версия Font Awesome – версия Font Awesome, которая будет использоваться в настройках и на страницах магазина. Пожалуйста, выберите версию, которая в вашей теме.
  
• Шрифты – выберите один из шрифтов Google.Если шрифт этикетки не выбран (Label Settings→ Style→ Font Family→ Default), выводится тот шрифт, который выбран в глобальных настройках (Settings→ CSS→ Font Family).
  Если шрифт не выбран ни в Настройках, ни в Настройках Этикеток, Шрифты не выводится, а шрифт соответствует шрифту выбранной вами темы.
  
• Пользовательский CSS – поле для пользовательского CSS. Содержит настройки пользовательского CSS кода, который будет отображен во внешнем интерфейсе. Пользовательский CSS – тот CSS, каким хотите его видеть вы.
• При загрузке страницы – поле для пользовательского Javascript, который выполнится при загрузке страницы.

• Товар:
  • Равно
  • Не равно
• Категория:
  • Равно
  • Не равно
  • Включать подкатегории
• На распродаже:
  • Да
  • Нет
• Бестселлеры:
  • Количество товара
• Цена:
  • Равно
  • Не равно
  • От
  • До
  • Цена товара
  • С налогами
  • Без налогов
• Наличие на складе:
  • В наличии
  • Нет в наличии
  • По предзаказу
• Всего продано:
  • Равно
  • Не равно
  • Равно или меньше
  • Равно или больше
  • Количество товара
• Рекомендуемые:
  • Равно
  • Не равно
• Возраст товара:
  • Равно
  • Не равно
  • Равно или меньше
  • Равно или больше
  • день(дней)
• Тип товара:
  • Равно
  • Не равно
  • Простой товар
  • Сгруппированный товар
  • Внешний/Партнерский товар
  • Вариативный товар
• Рейтинг товара:
  • Имеет рейтинг:
    • Да
    • Нет
• Атрибут товара:
  • Равно
  • Не равно
  • Выбрать атрибут
  • ==Любой==
  • внешний/партнерский товар
  • сгруппированный товар
  • простой товар
  • вариативный товар
• Цена со скидкой:
  • Равно
  • Не равно
  • От
  • До
• Обычная цена:
  • Равно
  • Не равно
  • От
  • До
• Количество на складе:
  • Равно
  • Не равно
  • Равно или меньше
  • Равно или больше
  • Предзаказ разрешен:
    • ==Любой==
    • Да
    • Нет
• ID Страницы:
  • Равно
  • Не равно

• Шаблоны CSS
  
• Шаблоны изображений
  
• Продвинутые шаблоны
  

• Скрыть на:
  • Мобильных
  • Планшетах
  • ПК
• Тип содержания – тип содержания этикеток:
  • Текст – блок с текстом и цветным фоном.
    
  • Процент скидки – блок с текстом (процент скидки) и цветным фоном.
    
  • Цена – блок с текстом (цена товара) и цветным фоном.
    
  • Состояние на складе  – отображает наличие товара на складе.
    
  • Время оставшейся скидки  – блок с текстом (время оставшейся скидки) и цветным фоном.
    
  • Сумма скидки – блок с текстом (сумма скидки) и цветным фоном.
    
  • Пользовательский текст скидки.
    
  • Атрибут товара – используйте атрибуты в виде этикеток (текст, цвет или изображение).
    

• Процент скидки
  • Фоновое изображение – можно загрузить/выбрать из библиотеки картинку на фон этикетки.
  • Текст Перед – текст, который будет выводиться перед процентом скидки (Новая линия – текст, который будет выводиться в другой линии).
  • Текст После – текст который будет выводиться после процента скидки (Новая линия – текст, который будет выводится в другой линии).
  • Использовать знак минус – при включенной настройке будет выводиться знак минуса перед процентом скидки.
• Цена – выводится в этикетке цены товара.
  • Фоновое изображение – можно загрузить/выбрать из библиотеки изображение на фон этикетки.
  • Текст Перед – текст, который будет выводиться перед ценой товара (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после цены товара (Новая линия – текст будет выводиться в другой линии).
• Наличие на складе:
  • Фоновое изображение – можно загрузить/выбрать из библиотеки изображение на фон этикетки.
  • Текст Перед – текст, который будет выводиться перед количеством товара (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после количества товара (Новая линия – текст будет выводиться в другой линии).
• Время оставшейся скидки:
  • Фоновое изображение – можно загрузить/выбрать из библиотеки изображение на фон этикетки.
  • Текст Перед – текст, который будет выводиться перед временем скидки (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после времени скидки (Новая линия – текст будет выводиться в другой линии).
• Сумма скидки:
  • Фоновое изображение – можно загрузить/выбрать из библиотеки изображение на фон этикетки.
  • Текст Перед – текст, который будет выводиться перед суммой скидки (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после суммы скидки (Новая линия – текст будет выводиться в другой линии).
  • Использовать знак минус – при включенной настройке будет выводиться знак минуса перед суммой скидки.
• Пользовательский текст скидки:
  • Фоновое изображение – можно загрузить/выбрать из библиотеки изображение на фон этикетки.
  • Текст – текст, который будет выводиться в этикетке.
  • Замены:
    • %sale_p% – Процент скидки.
    • %sale_val% – Сумма скидки.
    • %sale_end% – Время оставшейся скидки.
    • %sale%ANYTEXT%sale% – Отображать ANYTEXT, только если товар со скидкой.
    • %nsale%ANYTEXT%nsale% – Отображать ANYTEXT, только если товар без скидки.
  • Текст Перед – текст, который будет выводиться перед пользовательским текстом (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после пользовательского текста (Новая линия – текст будет выводиться в другой линии).
• Атрибут товара:
  • Текст Перед – текст, который будет выводиться перед атрибутом товара (Новая линия – текст будет выводиться в другой линии).
  • Текст После – текст, который будет выводиться после атрибута товара (Новая линия – текст будет выводиться в другой линии).
  • Атрибут:
    • Значения атрибута – выбор атрибута или категории для вывода на этикетку.
    • Показывать первое доступное значение.
    • Тип данных атрибутов – можно выбрать тип вывода данных атрибутов:
      • Текст
      • Цвет
      • Изображение
• Ссылка – ссылка, по которой перейдет пользователь при нажатии на этикетку (доступно только с включенным аддоном: BeRocket→ Этикетки Товаров→ Настройки→ Аддоны→Advanced Content):
  • Открыть в новой вкладке.
• Использовать таймер – настройка позволяет включить/выключить таймер для продуктов у которых временная скидка(доступно только с включенным аддоном: BeRocket→ Этикетки Товаров→ Настройки→ Аддоны→ Timer)
  • Большой – выбор стиля таймера, большого размера
  • Компактный – выбор стиля таймера, маленького размера
  • Поля – отступы вокруг таймера; доступен выбор единиц измерения px|em|%;
  • Показать ведущие нули – отобразить в таймере 0 перед днями/часами/минутами/секундами
    
  • Использовать прозрачность – если настройка включена прозрачность с вкладки Стиль будет применятся и для таймера.
    
  • Использовать тень – если настройка включена тень с вкладки Стиль будет применятся и для таймера.
    

• Использовать цвет фона – включено/ отключено.
• Цвет фона – цвет фона для блоков с изображениями или текстом, если настройка не включена фон будет прозрачным. 
• Цвет шрифта – цвет шрифта для блока с текстом.
• Шрифты – выберите один из шрифтов Google.
  • Если шрифт этикетки не выбран (Настройки этикеток→ Стиль→ Шрифты→ По умолчанию), выводится тот шрифт, который выбран в глобальных настройках (Настройки→ CSS→ Шрифты).
  • Если шрифт не выбран ни в Настройках, ни в Настройках Этикеток, Набор Шрифтов не выводится, а шрифт соответствует шрифту выбранной вами темы.
• Размер шрифта – размер шрифта для блока с текстом; доступен выбор единиц измерения px|em|%.
• Высота линии– высота линии для текста этикетки; доступен выбор единиц измерения px|em|%.
• Высота – высота этикетки, если настройка не включена высота автоматические выстраивается под контент; доступен выбор единиц измерения px|em|%.
• Ширина – ширина этикетки, если настройка не включена ширина автоматические выстраивается под контент; доступен выбор единиц измерения px|em|%.
• Радиус скругления – можно установить радиус скругления границы блока этикетки; доступен выбор единиц измерения px|em|%.
  
• Ширина границы – ширина границы блока этикетки.
  
• Цвет границы – цвет границы блока этикетки.
• Размерный множитель – позволяет увеличить размер этикетки, используя ползунок или установив номер.
• Прозрачность – [число].
• Эффект тени – добавление тени к этикеткам:
  • Смещение тени вправо
  • Смещение тени вниз
  • Размытие тени
  • Прозрачность тени
  • Цвет тени
• Градиент (при включенном аддоне Градиент):
  • Направление градиента:
    • Линейный
      
    • Радиальный
      
    • Эллиптический
      
  • Угол градиента [градусы]
  • Начальный цвет градиента
  • Конечный цвет градиента

• Тип – тип размещения этикеток:
  • Этикетка – выводится под изображением товара.
    
  • На изображении – выводится на изображении товара.
    
  • В заглавии – выводится в названии товара.
    
• Улучшенное размещение – включить/отключить – позволяет найти улучшенное размещение этикетки, которое имеет отдельные настройки (внутренние отступы, поля, линии размещения):
  • Размещение:
    • Справа
      
    • По центру
      
    • Слева
      
  • Линии размещения– используется для размещения этикеток одна под одной. Этикетки из других линий размещения будут размещены вертикально. Одна за другой – используется для выведения этикетки на следующей линии, если на предыдущей линии уже есть этикетка.
    
  • Отступы – отступы вокруг текста, которые лучше использовать с нулевыми настройками Высоты и Ширины в настройках Стиля; доступен
    выбор единиц измерения px|em|%;
    • Сверху
      
    • Справа
      
    • Снизу
      
    • Слева
      
  • Поля – отступы вокруг этикетки; доступен выбор единиц измерения px|em|%;
    • Сверху
      
    • Справа
      
    • Снизу
      
    • Слева
• Внутренний отступ сверху – можно указать отступ для этикетки сверху; установить минусовое значение (доступно для Тип На изображении и настройка Улучшенное размещение выключено); доступен выбор единиц измерения px|em|%;
• Внутренний отступ слева/справа – можно указать отступ для этикетки слева/справа; установить минусовое значение (доступно для Тип На изображении и настройка Улучшенное размещение выключено); доступен выбор единиц измерения px|em|%;
• Размещение – размещение этикеток:
  • Слева
  • По центру
  • Справа
• Линия размещения:
  • По одной
  • Линия 1 – Линия 9
• Вращение – вращение этикетки относительно центра от -90 до 90 градусов.
  
• Z-index – определяет трехмерное размещение этикеток по оси z.

• Содержание – в поле можно добавить текст, который будет выводиться во Всплывающей подсказке.
  
• Изображение во Всплывающей подсказке:
  • Нет изображения
  • Загрузить
  
  
• Стиль – можно выбрать вариант стиля для Всплывающей подсказки:
  • Темный
    
  • Светлый
    
  • Полупрозрачный
    
• Размещение – можно выбрать с какой стороны будет выводиться Всплывающая подсказка:
  • Сверху
    
  • Снизу
    
  • Слева
    
  • Справа
    
• Задержка открытия – можно установить сколько займет задержка перед открытием Всплывающей подсказки.
• Задержка закрытия – можно установить сколько займет задержка перед закрытием Всплывающей подсказки.
• Открыть при – можно выбрать условие для отображения Всплывающей подсказки:
  • Наведении – при наведении курсора на этикетку.
  • Нажатии – при нажатии курсором на этикетку.
• Закрыть при клике всюду – при включенной настройке Всплывающая подсказка будет закрываться по клику в любом месте.
• Использовать стрелку – можно показывать стрелку для Всплывающей подсказки.
  
• Максимальная ширина – можно установить максимальную ширину для Всплывающей подсказки.

Эти настройки предназначены для продвинутых пользователей, дизайнеров, программистов. Если вы не уверены в том, как они работают, пожалуйста, не используйте их.

HTML этикетки:

<div>
     <span>
         <i></i>
         <i></i>
         <i></i>
         <i></i>
         <b>TEXT OF LABEL</b>
     </span>
</div>

• ‹div›блок пользовательского класса
• ‹div›блок пользовательского CSS
• ‹span›блок пользовательского класса
• ‹span›блок пользовательского CSS
• ‹b›блок пользовательского класса
• ‹b›блок пользовательского CSS
• 1)‹i›блок пользовательского класса
• 1)‹i›блок пользовательского CSS
• 2)‹i›блок пользовательского класса
• 2)‹i›блок пользовательского CSS
• 3)‹i›блок пользовательского класса
• 3)‹i›блок пользовательского CSS
• 4)‹i›блок пользовательского класса
• 4)‹i›блок пользовательского CSS

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product a.product-images
{
    display: inline-block;
}

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product h2.woocommerce-loop-product__title
{
    clear: both;
}

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product h2.woocommerce-loop-product__title
{
    clear: both;
}

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product h2.woocommerce-loop-product__title
{
    clear: both;
}

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product h2.woocommerce-loop-product__title
{
    clear: both;
}

Настройки пользовательского CSS

Откройте панель администрирования вашего сайта и проследуйте в WooCommerce→ Products Labels→ Custom CSS.

Добавьте этот CSS в поле “User custom CSS style”:

ul.products li.product header.entry-header h3
{
    clear: both;
}

Хук вызывается перед отображением этикеток.

Параметры:

• $product – объект WC_Product товара или строка с текстом ‘demo’.

Хук вызывается после отображения этикеток.

Параметры:

• $product – объект WC_Product товара или строка с текстом ‘demo’.

Вывод этикеток товара. Должна быть установлена глобальная переменная $product.

Параметры:

• $type – тип этикеток для вывода: true (выводит все этикетки), ‘image’, ‘label’.

Предотвратить вывод этикеток на товаре.

Параметры:

• $prevent – предотвратить вывод или нет.
• $type – тип вывода (TRUE, ‘image’, ‘label’).
• $product – объект WC_Product товара.

Фильтрация аргументов для получения этикеток через WP_Query.

Параметры:

• $args – аргументы для получения этикеток.

Фильтрация текста, используемого в тексте этикетки.

Параметры:

• $text – текст этикетки.
• $label – настройки этикетки.
• $product – объект WC_Product товара или строка с текстом ‘demo’.

Фильтрация стилей этикеток блока <span>.

Параметры:

• $label_style – строка со стилями.
• $label – настройки этикетки.
• $product – объект WC_Product товара или строка с текстом ‘demo’.

Фильтрация настроек этикетки перед выводом.

Параметры:

• $label – настройки этикетки.
• $product – объект WC_Product этикетки или строка с текстом ‘demo’.

Фильтрация стилей <div> блока этикетки.

Параметры:

• $style – строка со стилями
• $label – настройки этикетки.
• $product – объект WC_Product товара или строка с текстом ‘demo’.

Фильтрация строки классов <div> блока этикеток.

Параметры:

• $class – строка с классами.
• $label – настройки этикеток.
• $product – объект WC_Product товара или строка с текстом ‘demo’.

Фильтрация дополнительных стилей для этикеток.

Параметры:

• $style – строка со стилями.
• $label – настройки этикеток.
• $product – объект WC_Product товара или строка с текстом ‘demo’.
• $style_id – класс <div> блока этикетки.

Фильтрация каждого текста на этикетке перед выводом (для одной этикетки может быть несколько текстов, например, при выводе атрибутов).

Параметры:

• $text – строка с текстом.
• $label – настройки этикетки.
• $product – объект WC_Product этикетки или строка с текстом ‘demo’.

Фильтрация HTML кода этикетки.

Параметры:

• $html – массив с элементами (порядок в массиве определяет порядок вывода).
• $label – настройки этикетки.
• $product – объект WC_Product товара или строка с текстом ‘demo’.

Фильтрация списка Типов контента, для которых добавляется текст до и после.

Параметры:

• $content_types – массив с Типами контента.

Хуки для вывода этикеток на странице магазина.

Параметры:

• $hooks – массив с хуками.

Хуки для вывода этикеток изображения на странице товара.

Параметры:

• $hooks – массив с хуками.

Хуки для вывода этикеток под изображением на странице товара.

Параметры:

• $hooks – массив с хуками.

Фильтрация массива со всеми этикетками, использующими Улучшенное размещение.

Параметры:

• $labels_html – массив с этикетками.

Фильтрация настроек этикетки при сохранении.

Параметры:

• $label – настройки этикетки.
• $post_id – ID поста для этикетки.