Shopify: Шаблоны

Темы оформления (шаблоны)

Если вы когда-нибудь занимались созданием сайтов, то разработать шаблон для Shopify не составит труда.

Каждый шаблон Shopify состоит из четырех основных элементов:

1. HTML-файлы (с расширением .liquid);
2. CSS-код;
3. Javascript-код (опционально);
4. Изображения.

Эти файлы расположены в 5 папках. Как видите, здесь представлены лишь необходимые для начала работы файлы. Базовая структура шаблона Shopify выглядит следующим образом:

Также стоит отметить, что темы оформления Shopify не позволяют использовать в своей структуре вложенные папки. Еще вы наверняка заметили отсутствие расширения .html у соответствующих файлов. В шаблонах Shopify эти файлы имеют расширение .liquid. Например, product.liquid и index.liquid.

Liquid — это отдельный язык шаблонов Shopify. Он был разработан создателями Shopify, и теперь доступен на GitHub в виде проекта с открытым исходным кодом.

Давайте более подробно изучим папки и их предназначение в шаблонах.