Налаштування теми Shopify: що можна зробити самому і коли потрібен код

Ваша тема Shopify підходить майже, але лише майже? Кнопка стоїть не там, на сторінці товару бракує якоїсь інформації, а потрібна функція є тільки як платний застосунок. Перш ніж когось наймати, варто подивитися, що можна зробити самому в редакторі. Багато чого вдається без жодного рядка коду. Для решти потрібна людина, яка пише Liquid.

Що можна змінити самому в редакторі тем

У розділі Інтернет-магазин › Теми › Налаштувати більше можливостей, ніж здається:

• Кольори й шрифти для всього магазину, у налаштуваннях теми.
• Додавати, переставляти й ховати секції на головній і на будь-якій іншій сторінці.
• Тексти, зображення й кнопки в кожній секції.
• Власні шаблони, наприклад другий шаблон товару для певної групи товарів.
• Меню в розділі Вміст › Меню, незалежно від теми.
• Динамічні джерела: поєднати поля секції з метаполями, щоб кожен товар показував свої дані.

Пробуйте зміни в копії теми (Теми › Дії › Дублювати). Копія неопублікована, клієнти її не бачать, і ви можете спокійно перевірити її в попередньому перегляді.

Коли потрібен код

Редактор показує лише ті налаштування, які передбачив розробник теми. Усе, що поза ними, означає зміну коду теми. Типові випадки:

• Функція, якої тема не має, наприклад кнопка «У кошик» прямо біля схожих товарів.
• Макет, якого секція не дозволяє, скажімо інше розташування сторінки товару на телефоні.
• Дані товару, які треба показати структуровано: таблиці, склад, розміри чи файли для завантаження з метаполів.
• Замінити застосунок, коли те, що він робить, можна чисто зробити в темі, без щомісячної плати і стороннього коду.
• Помилки в темі, що з’являються після зміни застосунків чи старих доробок.
• Навігація й орієнтація, наприклад хлібні крихти для вкладених колекцій.

На що зважити заздалегідь

Не діліться паролем. Розробник отримує доступ через запит співпрацівника (collaborator) у Shopify. Ви вирішуєте, які розділи він бачить, і можете будь-коли забрати доступ.

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

Пам’ятайте про оновлення теми. Коли ви оновлюєте тему з Theme Store, Shopify переносить ваші налаштування й вміст, але не зміни в коді. Власний код доведеться вбудувати знову. Тому кожну зміну варто документувати і якомога більше будувати як секцію з налаштуваннями.

Краще секцією, ніж жорстко в коді. Добру доробку ви потім ведете самі в редакторі: міняєте текст, замінюєте зображення, ховаєте. Якщо для кожної дрібниці знову потрібен розробник, щось пішло не так.

Доробити чи нова тема?

Коли список побажань довшає, варто спитати, чи стара тема ще правильна основа. Новіша тема вже вміє багато з того, для чого старій потрібні застосунки й обхідні рішення. Що дасть більше, доробка чи заміна, зазвичай видно швидко, коли хтось подивиться на тему зсередини. Докладніше на сторінці про редизайн Shopify і зміну теми.

А якщо магазин передусім повільний: найчастіші причини теж сидять у темі. Я зібрав їх у статті Повільний магазин Shopify? 7 причин.

Приклад: Lineargent

Lineargent, бренд срібних прикрас з-під Барселони, працює на доробленій темі Prestige із сотнями товарів і зовнішнім інструментом для пошуку. Замість перебудовувати все одразу, я спершу перевірив тему, а потім зробив виправлення в семи малих етапах, кожен досить малий, щоб перевірити його в живому магазині. Додалися кнопка «У кошик» біля схожих товарів і хлібні крихти, що показують, де колекція лежить у каталозі.

Часті запитання

Чи зможу я далі сам редагувати тему в редакторі? Так, якщо доробки зроблено як секції й налаштування. Саме так я їх і будую.

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

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

Скільки коштує доробка? Залежить від того, що треба змінити. Після короткого брифінгу ви отримуєте фіксовану ціну, перш ніж я почну.

Подивитися вашу тему?

Надішліть мені адресу магазину й одне-два речення про те, що заважає, на безкоштовну перевірку. Я скажу, що можна вирішити самому в редакторі, а для чого потрібен код. Якщо хочете віддати роботу: я доробляю теми або перебудовую їх у межах редизайну Shopify за фіксованою ціною після брифінгу.

Kiril Karatitsyn, Shopify-розробник у Німеччині