JQuery and JTabber

JQuery together with JTabber helps you to create tab pages within a more info page, for example to give different kind of information on the product. For an example see this link.

To use JTabber you have to install the javascript library of JQuery and JTabber within your pages (if you use skins in the header of the skins). Follow the instructions of the JTabber site

You have to use JQuery version 1.3 or newer and use the JTabber version which you can dowload by this <a href="script/JTabber/jtabber_myshop.zip">link</a> and not the version you can download at the JTabber site.

Furthermore you have to take up this extra code in the header of your page:
<script type="text/javascript">jQuery.noConflict();</script>

Define one tab as default tab and provide it with the correct class, besides that the corresponding content div must include a style="display:block". If you use a skin, you must include the elements of the header into the skin template.

If you follow the instructions above and the instructions of JTabber the tabs will be displayed correctly even after editing a product variant or product navigation.


Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment