F.A.Q по Shopify
99Shopify

В данной заметке я намерен ответить на вопросы которые у меня возникали в освоении платформы для электронной коммерции Shopify.

Shopify это конструктор интернет-магазинов или CMS?

Нет! Shopify это SASS-платформа с возможностью доработки программистом. Sass-платформа предоставляет программисту ограниченный доступ в разработке магазина. В случае с Shopify вам доступны тема и расширения. Ядро вы шатать никогда не будете. В 99% работы с Shopify вы будете разрабатывать темы и их секции.

Какие языки программирования и технологии нужно знать разработчику в shopify?

  1. Liquid- шаблонизатор shopify. Без него вообще никак;
  2. Scss/css/html5;
  3. JavaScript - [es6-7];
  4. jQuery.

Не нужны "Древнеегипетские технологии", к примеру: Less.

Что программисту нужно знать о Shopify?

Shopify — интернет-компания, занимается разработкой программного обеспечения для онлайн и розничных магазинов. Штаб-квартира находится в Оттаве, Канада. Shopify была создана в 2004 году группой единомышленников, которые собирались создать интернет-магазин по торговле досками для сноуборда. Первоначально компания получила название Jaded Pixel Technologies Inc. и в 2011 году сменила название на Shopify Inc. По итогам 2016 года компания отчиталась о 377500 клиентах и сумме продаж магазинов в 29 млрд долларов (с даты создания Shopify).

https://shopify.com

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, в том числе для учетных записей клиентов.