Привет!
Нашел решение реализации фиксации любых блоков в данном случае это левая колонка в категории. Во время просмотра продуктов в категории при прокрутке вниз блок категорий остается неподвижным.
Пример на сайте пума - http://www.shop.puma.com/women/shoes/running/13210,en_US,sc.html
Есть фиксация
top — отступ от верха окна браузера во время прокрутки
bottomEnd — отступ от нижней границы сайта, когда сайт прокручен до самого низа
noContainer — при значении true элемент позиционируется относительно документа
Для этого в Header.tpl добавляем строки
<!-- hcSticky script -->
<script type="text/javascript" src="catalog/view/theme/ваша тема.../js/jquery.hcsticky-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#column-left').hcSticky({
top: 50,
bottomEnd: 400,
noContainer: true
});
});
</script>
Файл прикреплен.
Готово! Радуемся...
В строке jQuery('#column-left').hcSticky({ - вместо #colum-left - можно прописать добавить любой другой элемент
jquery.hcsticky-min.zip