Клиент попросил, чтобы аналогичные товары (модуль Productscategory) можно было прокручивать мышкой. Делюсь решением, может кому пригодится.
Изменяемые файлы:
- Modules/productscategory/productscategory.tpl
- Modules/productscategory/js/productscategory.js
Первым делом скачиваем плагин для jQuery
http://plugins.jquery.com/project/mousewheel
Чтобы не плодить количество подгружаемых файлов, вставляем код плагина в файл
productscategory.js (в начало файла).
Потом добавляем функцию прокрутки:
Код:
jQuery(function($) {
var $pane = $('#productscategory_list');
$('#productscategory')
.bind('mousewheel', function(event, delta) {
var dir = delta > 0 ? $pane.trigger('next') : $pane.trigger('prev');
return false;
});
});
#productscategory_list - контейнер прокручиваемого содержимого, а
#productscategory - наружный контейнер.
В файле
productscategory.tpl изменения чисто косметические: я убрал ссылку на css-файл, т.к. эти стили прописаны и в global.css.
Поскольку я совсем не разбираюсь в javascript, то не могу сказать, насколько такой вариант оптимален. Возможно, кто-то найдёт более красивое решение или исправит моё.
Пример можно посмотреть здесь:
http://shop.osmynog.com.ua/113-framelight-30.htmlСообщение отредактировано Warsteiner 01-06-2009 14:54 ...
Прокрутка аналогичных товаров колесом мышки