Работа со скриптами

Шаблон не поддерживается в этой версией системы

Скрипты магазина объединены в единую структуру, для уменьшения количества запросов на сервер при обращении к содержимому, а также уменьшения времени отдачи контента путем минимизации. Загрузка скриптов не влияет на загрузку самого документа поскольку все скрипты загружаются после полного отображения страницы. Для некоторых страниц кроме общих скриптов подключаются еще скрипты необходимые этой странице.

Функция - загрузчик скриптов

Cинтаксис

initDownloadScripts(scripts[, callback, customEvent])

Аргументы

  • scripts (Array - массив) массив из названий скриптов которые нужно загрузить с папки newLevel/js пример - ['raphael-min', 'united_scripts']
  • callback (String - строка) название функции которую нужно вызвать по окончанию загрузки всех скриптов указанных в массиве. пример - 'init'
  • customEvent (String - строка) название событие которое нужно вызвать по окончанию загрузки всех скриптов указанных в массиве. пример - 'scriptDefer’

Описание

Размещается в главном шаблоне сайта - newLevel/main.tpl.

Пример вызова - initDownloadScripts(['raphael-min', 'united_scripts'], 'init', 'scriptDefer');

Для работы с файлами скриптов, заходим в главный шаблон newLevel/main.tpl, здесь необходимо раскомментировать комментарии (выделены красным) внутри конструкции:

{/*}Start. delete before upload to server{ */}
{/*}
…
{ */}
{/*}End. delete before upload to server{ */}

и закомментировать внутри конструкции (на места и ставим соответственно {/*} и { */}):

{/*} Start. uncoment before development { */}
...
{/*} End. uncoment before development { */}


Скрипты (newLevel/js)

Общие

  • Библиотека кросбраузерного использование javascript (jquery-1.8.3.min.js)
  • Библиотека кросбраузерного отображения svg - графики (raphael-min.js)
  • Сторонние плагины (_united_side_plugins.js)
  • библиотека вспомогательных функций, и шаблонизатор
  • (underscore)
  • плагин нестандартного скролла (jScrollPane)
  • плагин карусели (jCarousel)
  • плагин определяющий направления средней клавиши мыши при прокрутке (mousewheel)
  • плагин "ленивой загрузки изображений" (lazyload)
  • Собственные плагины (_plugins.js)
  • Расширения к плагину drop (drop_extend_methods.js)
  • Скрипты: корзины, списка сравнений, списка желаний и валидации (_shop.js) - взаимодействие фронта и бекенда
  • Переменные, объекты, объекты - настройки (_global_vars_objects.js)
  • Функции (_functions.js)
  • Инициализаций и управления скриптами (_scripts.js)


Скрипти страницы "Товара" (product.tpl)

  • Плагин нестандартного списка выбора, тег - select (cusel-min-2.5.js)
  • Плагин увеличения фото при наведении (cloud-zoom.1.0.3.min.js)
  • Инициализация и управление страницей "Товара", версии:
  • полная (_product.js)
  • минимизированная (product.js)

Скрипти страницы "Оформления заказа" (cart.tpl)

  • Плагин нестандартного списка выбора, тег - select (cusel-min-2.5.js)
  • Плагин маски на формовые элементы (jquery.maskedinput-1.3.min.js)
  • Инициализация и управление страницей "Оформления заказа", версии:
  • полная (_order.js)
  • минимизированная (order.js)

Скрипти страницы "Сравнения товаров" (compare.tpl)

  • Плагин нестандартного списка выбора, тег - select (cusel-min-2.5.js)
  • Плагин выравнивания строк по высоте в разных колонках, определение одинакового контента в строках - разных колонок, версии:
  • полная (_jquery.equalhorizcell.js)
  • минимизированная (jquery.equalhorizcell.js)
  • Инициализация и управление страницей "Сравнения товаров", версии:
  • полная (_compare.js)
  • минимизированная (compare.js)

Скрипты модулей

Скрипты модулей находять в папке модуля, за схемой:
newLevel/<mоdulenаmе>/js, где название модуля <mоdulenаmе>

Банеры

Плагин слайд-шоу, который поддерживает множество различных типов эффектов перехода (jquery.cycle.all.min)

Комментарии

Файл comments.js содержит:

  • Плагин копирование и вставки (cloneAddPaste)
  • Плагин рейтинга (starRating)
  • Объект который управляет работой комментариев (Comments)
  • Участок инициализации и управления скриптов

Фильтр свойств

  • Плагин слайдера библиотеки jQuery UI (jquery.ui-slider)
  • Файл filter.js содержит:
  • плагин расширения плагина jquery.ui-slider (sliderInit)
  • плагин фильтра (cleaverFilter), и прилагаем к ниму обьект настроек (cleaverFilterObj)
  • объект который управляет работой фильтра (Filter)
  • участок инициализации и управления скриптов

Рейтинг

Файл scripts.js содержит:

  • Плагин рейтинга (starRating)
  • Участок инициализации и управления скриптов

Список желаний

  • Плагин нестандартного списка выбора, тег - select (cusel-min-2.5.js)
  • Плагин календаря библиотеки jQuery UI (jquery_ui)
  • Файл wishList.js содержит:
  • объект взаимодействия фронта и бекенда (WishList), расширен в сравнении с _shop.js
  • объект который управляет фронтом (WishListFront)
  • участок инициализации и управления скриптов