Віджети Magento 2 дозволяють відображати статичний або динамічний контент у блоках або CMS сторінках. Це може бути що завгодно: від списків продуктів у каталозі до нещодавно переглянутих продуктів.

Magento за замовчуванням забезпечує опцію віджетів. Однак вона не може містити все. Тому іноді ви створюєте власні віджети.

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

На відміну від інших віджетів списку продуктів у Magento, Product Widget Advanced дозволяє додавати окремі продукти на сторінки магазину. Він містить всю необхідну інформацію, з якою користувачі можуть ознайомитися: зображення, ціни, описи, відгуки.

Product Widget in Magento 2

Однак іноді вам може знадобитися кастомізувати його відповідно до ваших потреб.

Щоб кастомізувати віджет продукту в Magento 2:

  1. Скопіюйте файл app/code/Magefan/ProductWidget/view/frontend/templates/default.phtml з папки модуля та збережіть його під назвою cutom-template1.phtml.
  2. Додайте необхідні зміни, кастомізувавши код, та збережіть файл. 
  3. Завантажте його на ваш сервер під app/design/frontend/ThemeVendor/mythemename/Magefan_ProductWidget/templates/cutom-template1.phtml.
  4. У опціяx віджета задайте ваш кастомний темплейт у полі Custom Template — "Magefan_ProductWidget::cutom-template1.phtml".

Custom Product Widget

Після того, як ви додасте блок продукту у WYSIWYG редактор або безпосередньо через віджет, не забудьте перевірити зміни на вітрині магазину.

Ознайомтеся з розширенням Magento 2 Product Widget на нашому онлайн демо та дізнайтеся більше про опції, які воно вам пропонує.