Начало работы с шаблонами

Темы InSales состоят из liquid-файлов, каждый из которых служит для определенных задач. Например, collection.liquid используется для отображения товаров внутри категории, а product.liquid - для отображения информации о конкретном товаре.

 

Структура темы

Тема для InSales, будучи выгружена в zip-архив из магазина, будет содержать следующие директории:

media

Эта директория содержит ассеты, используемые в теме, в том числе изображения, стили, скрипты, svg-файлы (css, js и svg-файлы из директории media можно править с помощью редактора шаблонов в бек-офисе магазина).

Для обращения к файлам из этой директории из шаблонов используйте фильтр asset_url.

config

Эта директория содержит файлы настроек темы settings.html, отображаемые администратору сайта при его настройке. В одном файле содержатся сами настройки, во втором их дефолтные значения, а третий файл setup.json определяет инициализацию (создание недостающих объектов в магазине) при установке данной темы. 

snippets

Директория содержит Liquid-снипеты с кусочками кода, используемого в разных шаблонах /  в разных частях сайта.

Используйте include для включения снипета в шаблон. 

templates

Эта директория содержит файлы Liquid-шаблонов для основных типов страниц сайта, а также шаблоны лэйаутов, определяющий общую часть оформления и вёрстки страниц. 

По умолчанию в теме присутствует 2 лэйаута - layouts.layout.liquid (для всех страниц сайта, кроме личного кабинета и шаго оформления заказа) и layouts.checkout.liquid  (для страниц оформления заказа)

 

Полезная статья?
Остались вопросы?
Отправь тикет в техподдержку!
Недавно просмотренные статьи