Як додати етикетки товарів на сторінки товарів Magento 2?

Етикетки на продуктах – один із найкращих способів привернути увагу покупців до певних товарів, не лише коли розпочинається сезон розпродажів. Ви можете використовувати їх постійно, щоб повідомляти клієнтів про нові надходження, гарячі пропозиції, товари, що швидко розпродаються, або найкращі пропозиції. Можливості безмежні.

Єдине питання — як додати етикетки товарів у Magento без особливих проблем. У нас є відповідь — Розширення для Модуль Magento 2 Product Labels . Отже, сьогодні ви дізнаєтеся, як додавати різні типи етикеток товарів у Magento за допомогою цього інструменту.

Загальне

Після того, як ви встановити розширення Product Labels , вам потрібно перейти до Магазини > Конфігурація > Розширення Magefan > Мітки продуктів та заповніть основні налаштування.

Основні поля заповнені за замовчуванням. Однак, якщо ви хочете їх змінити, видаліть Використовувати системне значення поставте галочку та заповніть наступне:

  • Максимальна кількість етикеток, що наносяться на продукт
  • Контейнер з етикеткою продукту
  • Контейнер для етикеток списку продуктів
  • Не використовувати на сторінках (обмежує відображення етикеток продуктів лише на певних сторінках)

налаштування етикеток товарів у Magento 2

Збережіть налаштування та перейдіть до Маркетинг > Маркування продукту > Правила до Додати нове правило для етикеток продуктів.

Basic налаштування правил

У цьому розділі розглядаються основні параметри, спільні для кожного правила маркування продукту. По-перше, увімкнути правило. Потім укажіть Назва правила і Пріоритеті виберіть Перегляд магазину де ви хочете відобразити етикетку продукту.

нова етикетка продукту Magento

Потім виберіть, як Застосувати правила від і що Група клієнтів щоб відобразити мітку. Встановіть Acrive З/До дати, щоб визначити період, протягом якого ваша етикетка має відображатися на фронтенді.

Нарешті, увімкніть Скасувати наступні правила опцію, якщо ви хочете ігнорувати всі інші мітки (у випадку, якщо ви налаштовуєте інші мітки для тієї ж позиції та продуктів).

налаштування етикеток товарів у Magento

Як тільки закінчите, переходьте до Налаштування дисплея щоб почати створювати свої етикетки.

Налаштування дисплея

Розширення Magefan Product Labels має три різні налаштування. Таким чином, ви можете створювати етикетки на основі зображень, тексту або готових фігур. Потім ви можете відображати їх, використовуючи 10 різних позицій.

Давайте поговоримо про це.

Позиція

Зазвичай, етикетки товарів у Magento додаються до зображення товару на сторінках категорій або товарів. У нашому розширенні ви можете додавати етикетки ліворуч, по центру та праворуч угорі, по центру або внизу зображення товару. Але це ще не все.

Якщо ви хочете додати етикетки продуктів деінде, ви використовуєте спеціальну позицію.

Наприклад, ви хочете додати етикетку продукту одразу після ціни на сторінці продукту або під зразками кольорів на сторінці оголошення.

Просто виберіть Користувацька тип посади та вкажіть Налаштовувана позиція для правила. Потім вам потрібно скопіювати рядок коду з прикладу, заповнити його потрібними значеннями та вставити в шаблон сторінки.

Розташування етикетки продукту на замовлення в Magento

Однак, також важливо зазначити, що для додавання цих користувацьких опцій спочатку потрібно вказати їх у конфігурації. Перейдіть до Магазини > Конфігурація > Розширення Magefan > Мітки продуктів і заповніть свої Користувацькі позиції.

Розташування власної етикетки продукту в Magento

Хоча ця частина дещо технічна, зверніть увагу, що розробнику потрібно буде вставити рядок коду в шаблон лише один раз. Решта роботи, яка включає створення мітки та зміну умов її відображення, все ще виконується в бекенді.

Однак, якщо ви хочете дотримуватися традиційного способу відображення етикеток, просто продовжуйте читати.

Мітки зображень

Найпростіший спосіб додавати етикетки товарів у Magento – це за допомогою зображень. Просто виберіть Позиція мітки, встановити Зображення як Тип мітки і Завантажити ваше зображення.

зображення етикетки продукту в Magento 2

Ви можете переглянути положення мітки в полі попереднього перегляду ліворуч. Це доступно для всіх типів міток.

Крім того, ви можете налаштувати підпис зображення за допомогою CSS опцію, встановіть URL-адреса перенаправлення (куди перенаправляти відвідувачів, якщо вони натискають на підписи зображень) та додати Альтернатива зображення.

Налаштування CSS зображення для етикетки продукту

Ось так виглядають підписи зображень на фронтенді після завершення налаштування правила:

етикетки товарів зі знижкою magento

Примітка: Мітки зображень доступні в Basic версія розширення. Щоб створювати текстові та фігурні мітки, вам потрібно Видання Plus або Extra .

Мітки фігур

У розширенні Magefan Product Labels є набір готових форм, які ви можете вибрати.

фігури етикеток товарів

Єдине, що вам потрібно зробити, це встановити Позиція мітки і Текст фігурита налаштуйте кольори тексту й фігури.

Етикетки товарів на основі фігур у Magento

Більше варіантів включають радіус межі, розмір шрифту, пробіл і заповнення якщо вам потрібно налаштувати параметри фігури.

Після того, як ви завершите налаштування підписів фігур, ось що ви отримаєте на фронтенді:

етикетки гарячих пропозицій

Текстові мітки

Останній варіант, який у вас є, – це текстові мітки. Просто виберіть Позиція мітки і введіть текст етикетки після вибору Текст/HTML опція. Це відносно простий спосіб додавання етикеток товарів у Magento, якщо у вас є певні знання HTML.

текстові етикетки товарів у Magento

Ось як виглядає текстова мітка на фронтенді:

текстові етикетки товарів у Magento 2

Примітка: Якщо ви використовуєте версії Plus або Extra , ви можете встановити різні мітки для сторінок товарів та списків.

Змінні атрибутів продукту

У фігурних та текстових мітках також можна використовувати атрибути продукту як змінні для створення динамічних міток.

змінні етикетки продукту

Примітка: Ви не побачите атрибут, відображений у попередньому перегляді бекенду. Ви можете перевірити його на фронтенді.

змінні продукту Magento

Налаштування HTML та CSS

Якщо у вас є певний технічний досвід або є розробник, який може налаштувати підписи для вас, налаштування HTML та CSS стануть у пригоді.

У вас є налаштування CSS для підписів зображень, щоб налаштувати обертання, ширину, висоту, непрозорість тощо.

налаштування CSS зображення етикетки продукту

Якщо ви хочете трохи змінити фігури або текст, ви можете скористатися HTML-редактором із різноманітними тегами.

кнопка фігури html magento

Правила маркування продуктів Magento

Останній крок, який вам потрібно зробити, щоб додати етикетки до продуктів Magento, – це визначити, до яких продуктів їх застосовувати. Для цього прокрутіть униз до Умови продукту розділ.

Він базується на атрибутах продукту та динамічних атрибутах продукту, що постачаються з розширенням.

Примітка: якщо ви не бачите деяких атрибутів вашого продукту в цьому розділі, додайте їх до умов правил продажу .

Умови маркування продукту Magento

Наприклад, ви можете додавати етикетки до товарів зі знижкою, нових надходжень, товарів, у яких залишилося кілька товарів на складі, товарів, для яких пропонується безкоштовна доставка тощо.

Після встановлення умов ви можете перевірити, до яких продуктів будуть застосовані ваші мітки, за допомогою опції попереднього перегляду.

попередній перегляд продуктів Magento 2

Не забудьте Зберегти правило, як тільки ви закінчите, або натисніть Зберегти та застосувати кнопку, щоб одразу побачити підписи на інтерфейсі.

Крім того, ви можете застосовувати правила асинхронно за допомогою наступної команди CLI (додайте ідентифікатори правил, розділені комами, щоб застосувати певні правила):

bin/magento magefan:product-label-rules:apply --ids="2,5,9"

Порада професіонала: Якщо ви хочете запланувати додавання етикеток продуктів на майбутнє, встановіть майбутні дати в Активний Від поле і просто Зберегти правило.

З нашим розширенням Модуль Magento 2 Product Labels ви знайдете багато можливостей для дослідження. Різноманітність опцій дозволяє експериментувати з різними мітками та бачити, які з них привертають більше уваги.