Shopify локальна розробка

Shopify локальна розробка

Theme Kit - це інструмент від шопіфаю, який дозволить вам:
Допоможе розгорнути тему на декількох середовищах
Автоматичне завантаження змін на віддалений сервер шопіфаю
Працює на будь — якій операційній систем.

Як розробити свою тему під Shopify на своїй локальній машині.

Не так давно я почав працювати із shopify. Стаття для тих хто тільки почав працювати із шопіфайєм. 

Shopify - це платна платформа електронної комерції, іншими словами інтернет площадка для онлайн магазинів. Shopify має свою вбудовану “Shopify Theme customisation”, але постійні зміни за допомогою внутрішнього веб-едітора виявилось дуже незручним і простим. Тоді виникло питання як розгорнути shopify тему у себе на ноутбуці чи ПК. З цим вам допоможить інструмент, який називається "Theme Kit".

Theme Kit - це інструмент від шопіфаю, який дозволить вам:

•  Допоможе розгорнути тему на декількох середовищах
•  Автоматичне завантаження змін на віддалений сервер шопіфаю
•  Працює на будь — якій операційній систем.
   

І так, приступимо до встановлення, приклад я показуватиму на Ubuntu. Існує два способи встановелння: автоматичне і ручне.

Автоматичне встановлення

Виконайте наступну команду у своєму терміналі.

curl https://raw.githubusercontent.com/Shopify/themekit/master/scripts/install | python

Будь ласка, достримуйтесь вказівок, що пропонує вам консоль.

Ручне встановлення

Для ОС X і Linux запустити цю команду в терміналі.

cp ~/Downloads/theme /usr/local/bin

  #install the command onto your path

Для Windows виконайте наступні кроки:

• Створіть папку всередині C:\Program Files\ з назвою Theme Kit
•  Скопіюйте розпакований вміст в C:\Program Files\Theme Kit
•  Перейдіть в Панель керування>Система та безпека>Система. Ще один спосіб отримати це - клацнути правою кнопкою миші на Моєму комп'ютері та вибрати елемент властивостей
•  Знайдіть кнопку або посилання під назвою змінні середовища
•  У другій панелі шукайте елемент під назвою "Шлях" і двічі клацніть на ньому. Після цього повинно відкритися вікно з текстове поле.
•  Перемістіть курсор повністю до кінця та додайте наступне: C:\Program Files\Theme Kit\
   

Після завершення установки введіть команду 'theme' у терміналі. 

Конфігурація

Доступ до API

Перейдіть по наступному посиланюю https://ваш-shopify-домен.myshopify.com/admin/apps/private

Натисніть кнопку “Create private apps button”. На екрані ви побачите таблицю, заповніть її.

Заповніть інформацію у верхній частині і встановіть права доступу до “Theme template and theme assets” для читання та запису. Натисніть "Зберегти", і вам буде показано наступний екран. У ньому ви побачите ваші реєстраційні дані доступу. Просто зверніть увагу на пароль. оскільки Theme Kit тільки потребує пароля для роботи.

Створення нової теми

Якщо ви хочете почати розробку теми Shopify з нуля, запустіть цю команду.

theme bootstrap --password=[your-password] --store=[you-store.myshopify.com]

Це створить нову тему. Після цього він завантажить всю тему з Shopify і автоматично створить для вас файл config.yml.

Налаштування існуючої теми

Якщо ви хочете змінити існуючу тему, спершу отримайте ідентифікатор теми. Перейдіть.

Ідентифікатор теми ви можете отримати з URL.

Запустіть наступну команду:

theme configure --password=[your-password] --store=[you-store.myshopify.com] --themeid=[your-theme-id]

Після того, як ви виконаєте всі операції, перейдіть у ваш проект, запустіть наступну команду:

theme watch

Це призведе до того, що всі внесені вами зміни будуть автоматично завантажені на сервер Shopify.

Отже, ми маємо дуже корисну плюху, як розробляти Shopify тему, не обмежуючись використанням веб-редактора.