OpenCart Community

Posted: **Mon Dec 21, 2009 8:48 pm**

Howdy,

This is soooo simple to add and really adds a nice effect to the Description, Additional Images, Reviews (0) and Related Products tabs on the product pages.

Navigate to this file:

./catalog/view/javascript/jquery/tab.js

At line 14, you have this:

Code: Select all

$($(this).attr('tab')).css('display', 'block');

Put this ABOVE it, so it now reads:

Code: Select all

$($(this).attr('tab')).fadeIn();
$($(this).attr('tab')).css('display', 'block');

Save it and now go and play with the sub tabs on a product page, neat eh?

Matt

Posted: **Mon Dec 21, 2009 9:57 pm**

Nice cheers for that.

Mick

Posted: **Mon Dec 21, 2009 11:54 pm**

very nice find!

Posted: **Tue Dec 22, 2009 6:57 pm**

very nice! thank you..

Posted: **Tue Dec 22, 2009 8:33 pm**

Nice finding!

Posted: **Tue Dec 22, 2009 8:34 pm**

Totally kool that one, had to share it

Matt

OpenCart Community

Fade Effect for Product Tabs (add one line = neat effect)

Fade Effect for Product Tabs (add one line = neat effect)

Re: Fade Effect for Product Tabs (add one line = neat effect)

Re: Fade Effect for Product Tabs (add one line = neat effect)

Re: Fade Effect for Product Tabs (add one line = neat effect)

Re: Fade Effect for Product Tabs (add one line = neat effect)

Re: Fade Effect for Product Tabs (add one line = neat effect)