Auto scroll to products(body) on page load

[D'eXperts]

Hi,

 

My shop layout has a big banner on the top which occupies the first visible portion screen on every page load. So the customers have to scroll down each time to see the content ( products ).

 

I want to have auto scroll so that on every page load, it automatically scrolls down and displays the products section instead of the banners. If users want to see the banners, they could scroll up manually.

I would like to do this on all other pages except the homepage.

 

Is there a module that can do it? Thanks in Advance.

 

 

[NemoPS]

Wouldn't it be better to get rid of that banner on pages which are not the home? It's a module, correct? If so you can as well add exceptions from modules, positions.

Otherwise you need to add something like

$('html, body').animate({
    scrollTop: $(200
}, 800);	

[D'eXperts]

 

Wouldn't it be better to get rid of that banner on pages which are not the home? It's a module, correct? If so you can as well add exceptions from modules, positions.

Otherwise you need to add something like

$('html, body').animate({
    scrollTop: $(200
}, 800);	

Thanks for the reply.

We would like to keep the banners as it is so if customers scroll up to interact with horizontal menu, they see the banner too because it contains sale and shipping info as images.

 

Could you please tell me which files should I insert the code in?

Thanks

[NemoPS]

header.tpl is fine, inside a script tag. just make sure you wrap it inside a {if $page_name != 'index'}{/if} and use cdata if the page breaks after you add it

[pondmc]

Hi,

 

I want to have auto scroll to the first product list when I click on the category.

Is there any module can do it?

 

Thanks

[NemoPS]

no, but you can do it with a simple script. just need the product list's ID and then target it in a scroll function

http://stackoverflow.com/questions/9757625/jquery-how-to-scroll-to-certain-anchor-div-on-page-load

[pondmc]

Hi Enrique,

 

Which file I have to put your code?
Is it /themes/xxx/category.tpl or /themes/xxx/product-list.tpl ?

 

Regards