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

Статья проверена на системе версии 2,9 редакция 21195

Задача

На демо сайте 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/.