Смена отображения товаров в каталоге таблицей и списком без перезагрузки страницы TPL

Материал из Umicms
Перейти к:навигация, поиск

Статья проверена на системе версии 2.9 редакция 21905

Задача

На демо сайте UMI.CMS c XSLT шаблонизатором, по простому шаблон demodizzy, есть возможность переключаться между отображением товара списком или таблицей без перезагрузки страницы. Необходимо сделать такой же функционал на TPL шаблонизаторе, например на шаблоне demoold.

Решение задачи

Для начала попробуем перенести с demodizzy максимально возможное количество информации для работы данного скрипта.
Сам скрипт находиться в файле __common.js который лежит в папке templates/demodizzy/js/. Мы можем скопировать его полностью и разместить соответственно в папке templates/demoold/js/.
Далее скопируем изображения кнопок, в последующем Вы можете их заменить. Изображения кнопок находятся в папке templates/demodizzy/images/bg/, это файлы list.png и slab.pmg. Их мы расположим в папке templates/demoold/images/.
Так же нам понадобиться создать файл со стилями CSS для того, что бы задать как должны отображаться объекты в табличной верстке. Создадим файл custom_style.css