Products Category v1.3 Auto Scroll - how?

[johnk12]

I'm using the included Prestashop module 'Products Category v1.3' to show other products in the same category on the product page. I would like it to auto scroll right after a few seconds - anyone know how this can be achieved?

 

Just to be clear - When you click on the right arrow the images slide, I want this to happen automatically.

 

prestashop 1.4.3

[johnk12]

add

$('#productscategory_list').serialScroll({

interval: 1,//auto scroll constantly

easing:'linear' });

after

 

$('#productscategory_list').trigger( 'goto', 0);

in

productscategory.js

[johnk12]

Ignore that nonsense. Edit modules/productscategory/prodoctscategory.js so it looks like this.

 

function pc_serialScrollFixLock(event, targeted, scrolled, items, position)
{
var leftArrow = position == 0 ? true : false;
var rightArrow = position + 5 >= $('#productscategory_list li:visible').length ? true : false;

$('a#productscategory_scroll_left').css('cursor', leftArrow ? 'default' : 'pointer').fadeTo(0, leftArrow ? 0 : 1);		
$('a#productscategory_scroll_right').css('cursor', rightArrow ? 'default' : 'pointer').fadeTo(0, rightArrow ? 0 : 1).css('display', rightArrow ? 'none' : 'block');

return true;
}

$(document).ready(function()
{
$('#productscategory_list').serialScroll({
	items: 'li',
	prev: 'a#productscategory_scroll_left',
	next: 'a#productscategory_scroll_right',
	axis: 'x',
	offset: 0,
	stop: true,
	onBefore: pc_serialScrollFixLock,
	duration: 300,
	step: 1,
	lazy: true,
	lock: false,
	force: true,
	cycle: true,
	interval: 3000//auto scroll constantly
 });

$('#productscategory_list').trigger( 'goto', 0);

});

 

More:

http://flesler.blogspot.com/search/label/jQuery.SerialScroll

[doubleD]

Thank you johnk12!

Works great.

 

I think you should mark this topic as [sOLVED]

[Nagraj]

It is not working in Prestashop1.5 any idea???

[MissLili]

How about 1.6?