Функционал JS. Общее строение JS

Все скрипты разделены на следующие категории

• базовый функционал каркаса
• базовые сценарии работы с интерфейсом и его взаимодействие с базовым функционалом
• пользовательские сценарии, характерные для данной темы

Базовый функционал каркаса

Представляют собой файлы вида

z.InSales.file_name

Важно!

Большинство объектов, описанных в данных файлов имеют настройки для изменения их поведения.

z.InSales.init.js

инициализация всех необходимых для скриптов переменных, объектов и списков

z.InSales.cart.js

работа с корзиной

z.InSales.compare.js

работа со сравнением

z.InSales.events.js

событийная модель взаимодействия отдельных элементов каркаса друг с другом

z.InSales.optionSelectors.js

работа с модификациями товара (селектор модификаций)

z.InSales.priceType.js

работа с типом цен

z.InSales.templates.js

работа с шаблонами для js-шаблонизатора

z.InSales.favorites.js

работа с избранным и недавно просмотренными товарами

z.InSales.jsonWrappers.js

работа с json платформы

Важно.

Данные файлы нельзя редактировать просто для "изменения переключения вида кнопочки". Для такой задачи используйте соответствующие файлы для пользовательских сценариев.

Базовые сценарии работы с интерфейсом

Описываются в файлах

z.InSales.ajaxAdd

работа кнопки "в корзину"

z.InSales.ajaxSearch

"живой" поиск

z.InSales.formValidation.js

проверка форм

z.InSales.modal.js

модальные окна для вывода форм с проверкой полей, различных уведомлений и контента

z.InSales.moneyFormat.js

преобразование цен в соответствии с настройками в Бэк-офисе

z.InSales.quantity.js

количество товара

z.InSales.ui.js

базовое поведение различных блоков, вспомогательные функции для работы с интерфейсом

Важно.

Данные файлы нельзя редактировать просто для "изменения переключения вида кнопочки". Для такой задачи используйте соответствующие файлы для пользовательских сценариев.

Пользовательские сценарии

Описывают или видоизменяют

• поведение различных блоков
• сценарии взаимодействия с сайтом или его элементами
• сценарии взаимодействия отдельных блоков между собой

cart.js

• сценарии работы с функционалом корзины
• взаимодействие различных элементов в шаблоне cart.liquid
• добавление товара в корзину по кнопке "купить"
• вывод и обновление виджета корзины

compare.js

• сценарии работы с функционалом сравнения товаров
• обновление виджета сравнения

favorites.js

работа с избранным

modal.js

описание содержимого модальных окон, их вызов и описание поведения

product.js

обновление информации в шаблоне карточки товара (product.liquid) в зависимости от выбранной модификации

slider.js

настройка и инициализация различных каруселей и слайдеров в теме

ui.js

описание различных вспомогательных и общих для всей темы ui-вещей, вида "изменить иконку на кнопке переключения вида меню".