В данной заметке я намерен ответить на вопросы которые у меня возникали в освоении платформы для электронной коммерции Shopify.
Shopify это конструктор интернет-магазинов или CMS?
Нет! Shopify это SASS-платформа с возможностью доработки программистом. Sass-платформа предоставляет программисту ограниченный доступ в разработке магазина. В случае с Shopify вам доступны тема и расширения. Ядро вы шатать никогда не будете. В 99% работы с Shopify вы будете разрабатывать темы и их секции.
Какие языки программирования и технологии нужно знать разработчику в shopify?
- Liquid- шаблонизатор shopify. Без него вообще никак;
- Scss/css/html5;
- JavaScript - [es6-7];
- jQuery.
Не нужны "Древнеегипетские технологии", к примеру: Less.
Что программисту нужно знать о Shopify?
Shopify — интернет-компания, занимается разработкой программного обеспечения для онлайн и розничных магазинов. Штаб-квартира находится в Оттаве, Канада. Shopify была создана в 2004 году группой единомышленников, которые собирались создать интернет-магазин по торговле досками для сноуборда. Первоначально компания получила название Jaded Pixel Technologies Inc. и в 2011 году сменила название на Shopify Inc. По итогам 2016 года компания отчиталась о 377500 клиентах и сумме продаж магазинов в 29 млрд долларов (с даты создания Shopify).
Ruby on Rails (RoR) — фреймворк, написанный на языке программирования Ruby, реализует архитектурный шаблон Model-View-Controller для веб-приложений, а также обеспечивает их интеграцию с веб-сервером и сервером баз данных. Является открытым программным обеспечением и распространяется под лицензией MIT.
Важно! Ruby on Rails - основа Shopify
Liquid - это язык шаблонов, созданный Shopify и написанный на Ruby. Теперь он доступен как проект с открытым исходным кодом на GitHub и используется многими различными программными проектами и компаниями. Liquid является основой всех тем Shopify и используется для загрузки динамического контента на страницы интернет-магазинов.
https://help.shopify.com/en/themes/liquid
https://shopify.github.io/liquid/
https://github.com/Shopify/liquid
Theme Kit - инструмент командной строки для создания тем. Скачайте приложение и с небольшим количеством настроек. Простыми словами обгрызенный git-клиент только для shopify который только отслеживает изменения файлов.
https://shopify.github.io/themekit/
Slate - позволяет синхронизировать локальные файлы с вашим текущим магазином, одновременно развертывать в нескольких средах и гибко организовывать таблицы стилей и сценарии.
https://shopify.github.io/slate/docs/about
Структура темы shopify[ThemeKit].
Тема Shopify включает в себя следующие каталоги:
assets - содержит все ресурсы, используемые в теме, в том числе изображения, таблицы стилей и файлы JavaScript.
config - включает файл settings_schema.json и settings_data.json файлы.
layout - шаблоны макетов темы, которые по умолчанию являются файлом theme.liquid .
locales - Языки и переводы.
sections - разделы темы , которые являются повторно используемыми модулями контента, которые могут быть настроены и переупорядочены пользователями темы.
snippets - все фрагменты темы, представляющие собой фрагменты кода, на которые можно ссылаться в других шаблонах темы.
templates - содержит все другие шаблоны Liquid, в том числе для учетных записей клиентов.