Смена отображения товаров в каталоге таблицей и списком без перезагрузки страницы TPL — различия между версиями
(Новая страница: «Статья проверена на системе версии 2,9 редакция 21195 ==Задача== На демо сайте UMI.CMS c XSLT шаблони…») |
|||
| Строка 1: | Строка 1: | ||
| − | Статья проверена на системе версии 2 | + | <h2>'''Статья проверена на системе версии 2.9 редакция 21905'''</h2> |
==Задача== | ==Задача== | ||
| Строка 5: | Строка 5: | ||
На демо сайте UMI.CMS c XSLT шаблонизатором, по простому шаблон demodizzy, есть возможность переключаться между отображением товара списком или таблицей без перезагрузки страницы. Необходимо сделать такой же функционал на TPL шаблонизаторе, например на шаблоне demoold. | На демо сайте UMI.CMS c XSLT шаблонизатором, по простому шаблон demodizzy, есть возможность переключаться между отображением товара списком или таблицей без перезагрузки страницы. Необходимо сделать такой же функционал на TPL шаблонизаторе, например на шаблоне demoold. | ||
| − | == | + | ==Решение задачи== |
Для начала попробуем перенести с demodizzy максимально возможное количество информации для работы данного скрипта.<br /> | Для начала попробуем перенести с demodizzy максимально возможное количество информации для работы данного скрипта.<br /> | ||
Сам скрипт находиться в файле '''__common.js''' который лежит в папке ''templates/demodizzy/js/''. Мы можем скопировать его полностью и разместить соответственно в папке ''templates/demoold/js/''.<br /> | Сам скрипт находиться в файле '''__common.js''' который лежит в папке ''templates/demodizzy/js/''. Мы можем скопировать его полностью и разместить соответственно в папке ''templates/demoold/js/''.<br /> | ||
| − | Далее скопируем изображения кнопок, в последующем Вы можете их заменить. Изображения кнопок находятся в папке ''templates/demodizzy/images/bg/'', это файлы '''list.png''' и '''slab.pmg'''. Их мы расположим в папке ''templates/demoold/images/''. | + | Далее скопируем изображения кнопок, в последующем Вы можете их заменить. Изображения кнопок находятся в папке ''templates/demodizzy/images/bg/'', это файлы '''list.png''' и '''slab.pmg'''. Их мы расположим в папке ''templates/demoold/images/''.<br /> |
| + | Так же нам понадобиться создать файл со стилями CSS для того, что бы задать как должны отображаться объекты в табличной верстке. Создадим файл '''custom_style.css''' | ||
Версия 06:46, 1 июля 2013
Статья проверена на системе версии 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
