Accessories flydown button

[MikeR]

What I am trying to achieve is to have a button just like the "More details" but one called "Accessories" that flys down the bottom of the page and displays the related Accessories tab.

I would of thought that you could look at the more details button, duplicate it and change the ID of the div layer you want to display but just cant get my head around how to it works.

Im pretty sure the tab situation uses jquery but im not sure?

Has anyone done something similar or could explain how I could achieve this?

Regards

Mike

[MikeR]

I think i need to use a jquery command for this, any one know anything about jquery and how the the buttons tell jquery to scroll the page and make the relevant layer visible??

[MikeR]

OK, heres how i did it in the end.

that file that controls the tabs and sliding effects is:

\themes\prestashop\js\product.js

1) add the button to product.tpl wherever in the position you would like it to appear.

2) add code to the js file that controls the tabs 'product.js' after line 274.

    //catch the click for "accessories" button
   $('div#accessoriesbutton a.buttonacc').click(function(){
       $('#more_info_tab_accessories').click();
       $.scrollTo( '#more_info_tabs', 1200 );
   });

[Newest]

I followed exactly what you did , and it gave me error. It gave me undefined error....

Could you please check your codes again? Thank you for your help.