CMS-блоки, за які всі інтернет-магазини обожнюють Magento 2

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

Структура макету в Magento 2, блоки

Зміна структури сторінки інтернет-магазину — це один з найпопулярніших типів завдань для технічної підтримки проектів з eCommerce незалежно від CMS. Мало не щотижня відбуваються численні події, що можуть стати причинами потрібних змін: зміна сезонів, наближення свят, поширення новітніх трендів, природні чи техногенні інциденти, коливання валютних ринків — будь-що, одним словом. Але не завжди вдається вносити зміни оперативно, що впливає на прибуток від інтернет-магазину. Тому гнучка структура макету та легка зміна шаблону є важливою здатністю. У першій версії Magento з цим були певні труднощі, оскільки шаблон для кожного з макетів визначався у відповідних .phtml-файлах. Але вже у Magento 2 все докорінно змінилося з початком використання контейнерів, що визначаються у XML-файлах макета. Саме на контейнерах побудована структура сторінки. Для прикладу: хедер, футер, бічна панель — все це контейнери, що також можуть містити вкладені контейнери чи бути порожніми.  Вміст сайту додається до контейнерів у вигляді блоків — файлів шаблону, в яких генерується html-код. 

В Magento 2 широко використовується назва CMS блоки, але суті справи це не змінює. Кожен блок, як і контейнер, має власні атрибути, що дозволяють виконувати із ним багато різних операцій (class, name, after/before, template, as, cacheable). Блок  може відображати будь-який вміст, передбачений шаблоном: текст, зображення, відео тощо. 

Розробники Авіві можуть багато розповісти про блоки: і про етапи їхнього життєвого циклу, і про створення та рендеринг, і про додавання в блоки Actions. Але ці теми не надто цікаві контент-менеджерам, адже для них блок — це універсальний інструмент для вирішення багатьох питань. Тож давайте зупинимося на цій темі.  

Створення та керування CMS блоками

Як бачимо, блоки є невід’ємною складовою складовою сторінки сайту Magento 2, тому використовуються скрізь та завжди. Найбільша цінність блоку — його здатність органічно вписуватися у структуру там, де це потрібно. При цьому, кожен блок є самодостатньою одиницею, що може бути розміщена будь-де й адаптована відповідно до вимог контейнеру, в якому він знаходиться. З точки зору frontend це надзвичайно зручно та практично. Як наслідок, CMS допомагає своїм користувачам ділитися потрібною інформацією з відвідувачами інтернет-магазину саме там, де ця інформація найбільш актуальна. 

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

Перелік усіх можливих блоків доступний у пункті меню Content. В цьому ж місті можна додавати нові блоки й одразу налаштовувати відповідно до ваших потреб. Наповнити блок вмістом також можна прямо тут за допомогою звичного для Magento 2 візуального редактору. А якщо ви надаєте перевагу коду, також доступний і html-редактор. Важливoю опцією має бути місце показу блоку: конкретний контейнер на сторінка сайту, хедер, футер, група сторінок та інше. Для безпосередьного розміщення блоку слід скористатися пунктом меню Display Mode. 

Практичне застосування блоків в Magento 2

Ми переконалися, що принцип побудову макету сторінки з контейнерів та блоків зрозумілий та практичний. Але просте розташування — далеко не все, що пропонують власникам інтернет-магазинів CMS блоки. Атрибути дозволяють розробляти власні сценарії та правила, за якими блок з’явиться на сайті для конкретного користувача в точно визначений час. Приміром, якщо ви оголошуєте про початок знижок, вам буде достатньо звичайного блоку з банером та текстом. Але якщо знижки діють з 8 ранку до 4 по опівдні, то завдяки кільком рядкам додаткового коду, блок з’явиться лише у визначений час. 

Аналогічно з безкоштовною доставкою для покупців, які придбали товарів на ₴500. В процесі наповнення кошика у блоці може з’являтися необхідна сума для активації цієї послуги. На приклад: “Ще 43 гривні і безкоштовна доставка — ваша!”, коли у кошику зібрано товарів на ₴457. І таких прикладів кастомних сценаріїв для маркетингової чи будь-якої іншої діяльності може бути необмежена кількість. Тому все, що буде необхідно контент-менеджеру вашого сайту — обрати потрібний CMS блок з переліку та визначити місце його відображення. Про все інше подбають розробники Авіві. Наша команда володіє значним досвідом у розробці проектів на Magento 2 для процвітання вашого бізнесу.