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

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

Для того, щоб додати HTML блок вгорі сторінки в Magento 2, перейдіть в Admin Panel > Content > Blocks та натисніть кнопку Add New Block.

Magento 2 CMS Block Menu

Потім Увімкніть блок, задайте його Title та унікальний Identifier. Виберіть, у якому Store View буде ввімкнено ваш блок.

Magento 2 Create New CMS Block

Потім у WYSIWYG редакторі створіть код, який потрібно вставити вгорі сторінки вашого веб-сайту, і натисніть кнопку Save Block.

Приклад:

<div style="padding: 14px; text-align: center; background: #d7244e; color: #fff; font-weight: bold; font-size: 20px; border-top: 3px solid #f28d49;">Valentine's Day Sale. Get 15% OFF for <a style="color: #fff; text-decoration: underline;" href="https://magefan.com/magento-2-extensions">ALL Magento 2 extensions</a>. Use coupon code <span style="text-decoration: underline;">VALENTINE2019</span></div>

Magento 2 WYSIWYG editor

 

Після цього підіть в Admin Panel > Content > Widgets та натисніть кнопку Add New Widget.

Magento 2 Content > Widget Menu

Почніть налаштування віджета, задавши його Type і Design Theme. Натисніть кнопку Continue, щоб рухатися далі.

Magento 2 CMS Block Widget

Далі задайте Title віджета. Він може бути такий самий, що і назва блоку, який ви створили. Виберіть Storefront, на якій відображатиметься віджет. Введіть Sort Order..

Magento 2 Widget Configuration

У розділі Layout Updates вам потрібно вибрати саме те місце, в якому ви хочете відображати блок. Виберіть All Pages, щоб відобразити його на всіх сторінках, і виберіть Page Top як контейнер блоку, щоб розмістити його вгорі сторінки.

Magento 2 Widget Layout Updates

Потім у Widget Options виберіть CMS блок який показуватиметься віджетом та натисніть кнопку Save and Continue Edit.

Magento 2 CMS Block Widget Options

Після цього вам треба очистити кеш і перевірити свою вітрину.

Adding HTML Block At Magento 2 Page Top, HTML Blocks, Storefront

Існує безліч спеціальних пропозицій та знижок, які ви можете продемонструвати клієнтам свого магазину Magento 2, використовуючи CMS блоки та сторінки. Крім того, Magento дозволяє відображати їх практично в будь-якому місці вашого веб-сайту. Однак важливим є те, що для того, щоб цей блок виконував свої функції, вам потрібно орієнтуватися на різні групи клієнтів з різними видами пропозицій.

Розширення Magento 2 CMS Display Rule дозволяє визначити групу користувачів, дату, день тижня і навіть точний час для показу привабливих CMS блоків або сторінок. Показ CMS блоків і сторінок також визначається умовами на основі атрибутів продукту та атрибутів корзини. Отже, навіть якщо ви вирішили показати CMS блок загальній групі клієнтів, з понеділка по п’ятницю з 6:00 до 22:00. вони не побачать цей блок, якщо не підпадатимуть під ці умови.

Модуль Magento 2 CMS Display Rule робить управління CMS блоками та сторінками більш продуктивними, дозволяючи вам показувати багато статичного контенту і не перейматися їх увімкненням та вимкненням, оскільки розширення робить це за вас.