1. Откройте файл
/modules/homefeatured/homefeatured.php и добавьте код:
Код:
public function hookHeader()
{
Tools::addJS(array(
_PS_JS_DIR_.'jquery/jquery.scrollTo-1.4.2-min.js',
_PS_JS_DIR_.'jquery/jquery.serialScroll-1.2.2-min.js',
$this->_path . 'homefeatured.js',
));
Tools::addCSS(($this->_path).'homefeatured.css', 'all');
}
2.
Панель управления > Модули > Позиции :: подключите модуль к хуку
header
3. В директории
/modules/homefeatured/ создайте файл
homefeatured.js добавьте следующий код:
Код:
$(document).ready(function(){
$('#featured-products_block_center .block_content').serialScroll({
items:'li',
prev:'#scroll_left',
next:'#scroll_right',
offset:20,
start:1,
duration:1200,
force:true,
stop:true,
lock:false,
cycle:false,
easing:'easeOutQuart',
jump: true
});
});
4. Откройте шаблон
/modules/homefeatured/homefeatured.tpl и замените
Код:
<ul style="height:{$ulHeight}px;">
на:
Код:
<ul {if count($products) > 4}style="width: {math equation="width * nbImages" width=140 nbImages=$products|@count}px"{/if}>
Добавьте:
Код:
{if count($products) > 4}<a id="scroll_left" href="javascript:{ldelim}{rdelim}">Назад</a>{/if}
и
Код:
{if count($products) > 4}<a id="scroll_right" href="javascript:{ldelim}{rdelim}">Далее</a>{/if}
Карусель товаров