View Single Post
  #147  
Old 11-11-2006, 05:10 AM
 
Impact_1 Impact_1 is offline
 

Advanced Member
  
Join Date: Jan 2005
Posts: 88
 

Default Re: DIY Tabbed Content Menu for Product Page

Hi Guys, I hope someone can help me get this working in 4.1.3, it is hindering me building the rest of my cart.

Here is the top part of my "product.tpl":

{* $Id: product.tpl,v 1.147.2.8 2006/08/02 05:39:12 max Exp $ *}
<script type="text/javascript" src="{$SkinDir}/tabs/tabs.js"></script>
{include file="main/include_js.tpl" src="main/popup_image.js"}
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/product_offers_short_list.tpl" product=$product}
{/if}
<br>
{* TABS MENU START *}
<a name="tabs" id="tabs"></a>
<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#tabs" rel="tcontent1">{$lng.lbl_description}</a></li>
{if $active_modules.Detailed_Product_Images ne ""}
{if $images ne ""}
<li><a href="#tabs" rel="tcontent2">{$lng.lbl_detailed_images}</a></li>
{/if}
{/if}
<li><a href="#tabs" rel="tcontent3">{$lng.lbl_send_to_friend}</a></li>
{if $active_modules.Upselling_Products ne ""}
{if $product_links ne ""}
<li><a href="#tabs" rel="tcontent4">{$lng.lbl_upselling_links}</a></li>
{/if}
{/if}
{if $active_modules.Recommended_Products ne ""}
<li><a href="#tabs" rel="tcontent5">Delivery Information</a></li>
{/if}
{if $active_modules.Customer_Reviews ne ""}
<li><a href="#tabs" rel="tcontent6">Reviews</a></li>
{/if}
</ul>
<div id="tcontent1" class="tabcontent">
</div>
<div id="tcontent2" class="tabcontent">
{include file="modules/Detailed_Product_Images/product_images.tpl" }
</div>
<div id="tcontent3" class="tabcontent">
{include file="customer/main/send_to_friend.tpl"}
</div>
<div id="tcontent4" class="tabcontent">
{include file="modules/Upselling_Products/related_products.tpl"}
</div>
<div id="tcontent5" class="tabcontent">
<table width="100%" border="0">
<tr>
<td><p><strong><u>Customers Outside the UK:</u></strong></p>
<p>Please contact us with your delivery address and the item(s) that you wish to order <strong>BEFORE</strong> placing your order. All shipping charges on this website are to UK destinations only. With your information we will calculate an accurate shipping cost to your Country and charge you appropriately. Please send to <a href="mailto:sales@impact-styling.com">sales@impact-styling.com.</a> Apart from this, please read below for the rest of the delivery information. </p>
<p><u><strong>UK Customers: </strong></u></p>
<p>Delivery for goods from UK manufacturers will usually be within 3 working days. If there is to be an unusual delay on UK products then you will be notified with a refined delivery date based on what the manufacturer informs us. At that point you will have the option of a full refund. If you refuse this then you are tied to follow the order through to completion as it will be a special order or back order for you.</p>
<p>Delivery for goods from European manufacturers can vary. We quote 2-4 weeks for most items. We are sorry to regret that orders from these companies cannot be cancelled or refunded unless there is a ridiculous delay on your order. By this we mean delays of over a month on top of the max 4 weeks quoted. This is because all orders from these companies are special orders and are paid for upfront with no refunds offered to us as a company.</p>
<p>Our pledge to you is that we will always be honest about your delivery status and keep you up to date with its progress as and when we receive updates from the manufacturer. You will not be kept in the dark and are welcome to call / email any time to enquire about your order. </p></td>
</tr>
</table>
</div>
<div id="tcontent6" class="tabcontent">
{include file="modules/Customer_Reviews/vote_reviews.tpl"}
</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>
{* TABS MENU END *}<br>
{include file="form_validation_js.tpl"}
{if $product.product_type eq "C" && $active_modules.Product_Configurator}
{include file="modules/Product_Configurator/pconf_customer_product.tpl"}
{else}
{capture name=dialog}

<form name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">



The <form.... you see at the bottom is the beginning of my product info form which is in all product.tpl files. With the code like this my "send to friend" or "customer reviews/ratings" do NOT work.

If I remove the TABS coding from the top of this file (from TABS START to TABS END), they work again but obviously I dont get my tabs, which I really want. I would really appreciate it if someone could tell me why this is and how to fix it. Have I placed this code in the wrong place or is there an error I cannot see?

Thank you in advance.

Shaun
__________________
Version: 4.1.3

One of the largest UK Suppliers of Car Modification Accessories
http://www.impact-styling.com
Reply With Quote