Easol guide

Всі більш детальні технічні моменти описані в офіційній документації Єсолу:
https://easol.dev/
Для всіх темплейтів використовується шаблонізатор Liquid:
https://shopify.github.io/liquid/

В офіційній документації Єсолу з малою ймовірністю можуть бути помилки. Для прикладу, оператор “greater_or_equal_then” – використовується для пошуку продуктів, наразі не працює.

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

Зазвичай надається дизайн в 1440px, тому обов’язковим є узгодження з клієнтом умов адаптивності дизайну для десктопу, а саме, чи буде він пропорційний, чи з чіткою шириною контейнеру, який не збільшується.

В більш пізніх версіях був доданий розділ “Theme->Partials”. Його бажано використовувати для реюзабельних частин блоків, елементів слайдерів, кнопок і т.п. Якщо “Partial” використовується хоча б в 1 блоці, його видалення неможливе. В такому випадку оптимальним рішенням є створення нового “Partial” з іншим ключем. Потім всі непотрібні можна буде видалити разом, заодно перевірити чи використовуються актуальні версії у всіх блоках.

Якщо треба прив’зати інформацію саме до продукту, для цього можна використати поля, що вже є в адмінці product->merchandіsing->… У випадку, якщо ці данні повинні реалізовувати якусь логіку, можна придумувати подібні конструкції:

{% for faq as product.faqs %}
{% assign title_array = faq.title | split: "::" %}
{% if title_array[0] === "something" %}
\\do something

{% endif %}
{% end %}

Раніше, коли робота велась, в головному файлі стилей, інколи виникав баг, що при збереженні могли затертись останні 15-60 хвилин розробки. При редагуванні інших файлів цей баг не був помічений. Але у випадку, якщо вперше був відкритий файл зі старою версією коду і він ще не перезбережений, то натиснувши кнопку “назад” в браузері, можна все виправити.