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

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

Щоб додати HTML-блок у верхню частину сторінки, перейдіть до Адміністративна панель > Контент > Блоки та натисніть кнопку Додати новий блок .

Magento 2 CMS Block Menu

Потім Увімкніть блок, встановіть його Заголовок та унікальний ідентифікатор. Виберіть, для якого Вигляду магазину буде ввімкнено ваш блок.

Magento 2 Create New CMS Block

Після цього у WYSIWYG-редакторі створіть код, який ви хочете вставити у початок сторінки вашого веб-сайту, та натисніть Зберегти блок .

Приклад:

<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://website.com/magento-2-extensions">ALL Magento 2 extensions</a>. Use coupon code <span style="text-decoration: underline;">VALENTINE2019</span></div>

Magento 2 WYSIWYG editor

Після цього перейдіть до Панель адміністратора > Контент > Віджети та натисніть кнопку Додати новий віджет .

Magento 2 Content > Widget Menu

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

Magento 2 CMS Block Widget

Далі встановіть Заголовок віджета. Це може бути те саме, що й назва створеного вами блоку. Виберіть Вітрина , де буде відображатися віджет. Введіть Порядок сортування.

Magento 2 Widget Configuration

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

Magento 2 Widget Layout Updates

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

Magento 2 CMS Block Widget Options

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

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

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

Динамічні блоки Magento and Pages дозволяє вам визначити, для якої групи клієнтів, дати, дня тижня та навіть точний час відображати привабливі блоки або сторінки CMS. Відображення блоків та сторінок CMS також визначається умовами на основі атрибутів продукту та кошика. Тож, навіть якщо ви вирішите відображати блок CMS загальній групі клієнтів, з понеділка по п'ятницю, з 6:00 до 22:00, вони не побачать його, якщо не відповідатимуть цим умовам.

Модуль Dynamic Blocks and Pages робить керування блоками та сторінками вашої CMS більш продуктивним, дозволяючи вам відображати безліч блоків CMS і не турбуватися про їх увімкнення та вимкнення, оскільки розширення робить це за вас.