Top.Mail.Ru

Советы по верстке шаблонов

1. Если необходимо указать путь к стилевому или другому файлу, загруженному в редактор шаблонов, не следует использовать прямой путь к этому файлу. По той простой причине что эти пути могут меняться. Нужно использовать liquid-конструкцию: {{'имя_файла' | asset_url}}

2. Лучше не переопределять в шаблонах переменные, которые в этих шаблонах уже определены (например, не переопределять переменную product в шаблоне Товар или переменную collection в шаблоне Категория)

3. При переносе уже готового шаблона удалять его скрипты, относящиеся к добавлению в корзину, сравнению, выбору модификаций и прочим действиям с формами, при этом обязательно интегрировать стандартные скрипты платформы InSales.

4. При настройке шаблона оформления заказа ни в коем случае не удалять стандартные скрипты оформления заказа (которые задаются так: {{ 'checkout' | global_stylesheet_tag }})

5. Если стандартным элементам, которые также могут присутствовать в контенте wysiwyg'а (таким как p, span, b, i и другие) присваиваются какие-либо глобальные стили, то не стоит забывать вернуть им стили по умолчанию (тегу b - жирное начертание, тегу i - курсив, тегу ul - маркированный список и т.д.) хотя бы внутри элементов, в которых предполагается вывод контента, редактируемого wysiwyg'ом.

6. На страницах, где предполагаются тяжелые циклы (например, в категориях и других циклах по товарам) нужно стремиться к минимизации html-кода каждого из элементов цикла.

В частности, это означает что не следует прямо ликвидом выстраивать окна предпросмотра товаров, выбор модификаций и другие "тяжелые" элементы. Их наличие точно не положительным образом повлияет на скорость загрузки страницы, притом что нет вообще никакого смысла выводить их в код страницы сразу же, их можно подгрузить ajax'ом тогда когда это требуется.

Например, по клику на кнопку предпросмотра подгрузить описание товара и выбор модификаций через обычную функцию load или обратившись к json товара, это поможет очень значительно снизить время загрузки страницы, в то время как удобство использования сайта не пострадает.

7. По той же причине не следует использовать {{product | json}} в циклах по товарам. Этот объект может быть очень тяжелым, т.к. содержит все модификации товара, описания, параметры, все типы цен и другие данные. Более благоразумным будет получение этих данных из *.json тогда когда это необходимо.

Оставить оценку

Оценка успешно отправлена.
Она будет проверена администратором перед публикацией.
CAPTCHAОбновить изображение
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе InSales
Всё для продаж уже внутри!
Недавно просмотренные статьи