View Single Post
  #3  
Old 09-15-2007, 01:34 AM
 
MoonDog MoonDog is offline
 

Advanced Member
  
Join Date: Aug 2007
Posts: 93
 

Default Re: Menu with Tabs for Product page

Another thing,
For those who have a lot of tabs on their product page, you can also nest the tabs.
For nested tabs just place the nested tab(s) between the<div class="tabber">
and the
</div> code

Just replace the code from the first post with the code below to see how nested tabs work.
I also placed the 'Related Products' as the default tab.
Code:
<div class="tabber"> {if $config.Appearance.send_to_friend_enabled eq 'Y'} <div class="tabbertab"> <h2>Send to Friend</h2> {include file="customer/main/send_to_friend.tpl" } </div> {/if} {if $active_modules.Detailed_Product_Images ne "" && ($config.Detailed_Product_Images.det_image_popup ne 'Y' || $js_enabled ne 'Y')} <div class="tabbertab"> <h2>Detailed Images</h2> {include file="modules/Detailed_Product_Images/product_images.tpl" } </div> {/if} {if $active_modules.Upselling_Products ne ""} <div class="tabbertab tabbertabdefault"> <h2>Related Products</h2> {include file="modules/Upselling_Products/related_products.tpl" } </div> {/if} <div class="tabbertab"> <h2> More... </h2> <div class="tabber"> {if $active_modules.Recommended_Products ne ""} <div class="tabbertab"> <h2>Recommended Products</h2> {include file="modules/Recommended_Products/recommends.tpl" } </div> {/if} {if $active_modules.Customer_Reviews ne ""} <div class="tabbertab"> <h2>Reviews</h2> {include file="modules/Customer_Reviews/vote_reviews.tpl" } </div> {/if} </div> </div> </div>
If you want a certain tab to be open when you go to the product page, then just place 'tabbertabdefault' to the code.
For example find the tab you want open and edit the code to:
<div class="tabbertab tabbertabdefault">
You can see above code how I placed the default tab on the 'Related Products' tab.

That's it.

Remember, you can get more information here: http://www.barelyfitz.com/projects/tabber/

-MoonDog-
__________________
X-CART Gold v4.1.8
Reply With Quote