Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

DIY Tabbed Content Menu for Product Page

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #141  
Old 10-08-2006, 05:53 AM
  KCAutosound's Avatar 
KCAutosound KCAutosound is offline
 

eXpert
  
Join Date: Feb 2005
Posts: 220
 

Default Re: DIY Tabbed Content Menu for Product Page

thanks PhilJ pretty handy tool but those are css generated tabs. I am wanting custom buttons for my tabs.
__________________
X-Cart version 4.7.6 Gold
xcartmods.co.uk - Ultra Template
Reply With Quote
  #142  
Old 10-16-2006, 03:38 AM
 
Sahani Sahani is offline
 

Member
  
Join Date: Sep 2006
Posts: 12
 

Default Re: DIY Tabbed Content Menu for Product Page

Hi I am unable to get this mod to work on my site. I am using the fashion mosaic template. the following is the extract out of my product.tpl file. Can someone please tell me what I might be doing wrong.

<script language=JavaScript1.3 src="{$SkinDir}/tabs.js"></script>
.
.
.
.
.
{math equation="100-(price/lprice)*100" price=$product.taxed_price lprice=$product.list_price format="%3.0f" assign=discount}
&nbsp;<span id="save_percent">{ $discount }</span>%
</td>
</tr>
</table>
{/if}
</td>
</tr>
</table>
<input type="hidden" name="productid" value="{$product.productid}" />
<input type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}" />
<input type="hidden" name="page" value="{$smarty.get.page|escape:"html"}" />
</form>

<a name="tabs"></a>
<ul id="tablist"> [*]Product Details[*]Send to Friend
{if $images ne ""}[*]Detailed Images
{/if}
{if $active_modules.Upselling_Products eq ""} [*]Related Products
{else}
{/if}[*]Recommended Products
{if $active_modules.Customer_Reviews ne ""}
{if $config.Modules.customer_voting eq "Y" or $config.Modules.customer_reviews eq "Y"}[*]Customer Reviews
{/if}
{/if}[/list]<DIV id="tabcontentcontainer">
<div id="sc0" class="tabcontent">
{include file="customer/main/overview.tpl" }
</div>
<div id="sc1" class="tabcontent">
{include file="customer/main/send_to_friend.tpl" }
</div>
<div id="sc2" class="tabcontent">
{if $active_modules.Detailed_Product_Images ne ""}
{include file="modules/Detailed_Product_Images/product_images.tpl" }
{/if}
</div>
<div id="sc3" class="tabcontent">
{if $active_modules.Upselling_Products ne ""}
{include file="modules/Upselling_Products/related_products.tpl" }
{/if}
</div>
<div id="sc4" class="tabcontent">
{if $active_modules.Recommended_Products ne ""}
{include file="modules/Recommended_Products/recommends.tpl" }
{/if}
</div>
<div id="sc5" class="tabcontent">
{if $active_modules.Customer_Reviews ne ""}
{include file="modules/Customer_Reviews/vote_reviews.tpl" }
{/if}
</div>
</DIV>
{/capture}

{include file="dialog.tpl" title=$product.producttitle content=$smarty.capture.dialog extra='width="100%"'}
{if $active_modules.Magnifier ne "" && ($config.Magnifier.magnifier_image_popup ne 'Y' || $js_enabled ne 'Y')}
{include file="modules/Magnifier/product_magnifier.tpl" productid=$product.productid}
{/if}
{if $config.Appearance.send_to_friend_enabled eq 'Y'}
{/if}
{if $active_modules.Product_Options ne '' && $product_options ne ''}
<script type="text/javascript" language="JavaScript 1.2">
<!--
check_options();
-->
</script>
{/if
}
__________________
Version 4.1.3
Reply With Quote
  #143  
Old 11-02-2006, 12:15 PM
 
Impact_1 Impact_1 is offline
 

Advanced Member
  
Join Date: Jan 2005
Posts: 88
 

Default Re: DIY Tabbed Content Menu for Product Page

Can somebody tell me whats going wrong with my tabbed menu?

My "send to friend" and "customer review" sections do not submit. Nothing happens when I click the buttons. They are set to "allow to all" in general settings.

I say its a "tab" problem but they also dont work at the bottom of the product description either where it usually displays so maybe its a product.tpl problem

Here is an example page: http://www.impact-styling.com/newcart/product.php?productid=11&cat=6&page=1

This is in 4.1.3 by the way.
__________________
Version: 4.1.3

One of the largest UK Suppliers of Car Modification Accessories
http://www.impact-styling.com
Reply With Quote
  #144  
Old 11-02-2006, 06:21 PM
 
Sahani Sahani is offline
 

Member
  
Join Date: Sep 2006
Posts: 12
 

Default Re: DIY Tabbed Content Menu for Product Page

I have not been able to get it to work for ver 4.1.3 either all that shows on the product page is the actual code -

[*]{$lng.lbl_send_to_friend}[*]{$lng.lbl_related_products}[*]{$lng.lbl_recommends}[*]{$lng.lbl_customer_reviews} [/list]
I have looked the instructions and tried it several times the only difference I found was the part which references the CSS sheet. i am using the fashion mosaic template.

this mod does not work in 4.1.3 !
__________________
Version 4.1.3
Reply With Quote
  #145  
Old 11-02-2006, 06:25 PM
  mitash's Avatar 
mitash mitash is offline
 

X-Adept
  
Join Date: Jan 2006
Location: Australia
Posts: 450
 

Default Re: DIY Tabbed Content Menu for Product Page

I have got 4.1.3 and it works like a charm...

Have you done this part from the install guide..?

4) Add the code in skin1/customer/main/tabs.tpl to your skin1/customer/main/product.tpl template.

Cheers
Ash


Quote:
Originally Posted by Sahani
I have not been able to get it to work for ver 4.1.3 either all that shows on the product page is the actual code -

[*]{$lng.lbl_send_to_friend}[*]{$lng.lbl_related_products}[*]{$lng.lbl_recommends}[*]{$lng.lbl_customer_reviews} [/list]
I have looked the instructions and tried it several times the only difference I found was the part which references the CSS sheet. i am using the fashion mosaic template.

this mod does not work in 4.1.3 !
__________________
eCommerce - Strategy / Design / Development / Marketing / Maintenance

Call within Australia:
Phone: 1300 648 274 | Mobile: 0417 241 950
Call outside Australia:
+61 417 241 950 |

Email:
results@mitash.com | Skype: mitashau | Web: www.mitash.com
Reply With Quote
  #146  
Old 11-02-2006, 08:57 PM
 
Sahani Sahani is offline
 

Member
  
Join Date: Sep 2006
Posts: 12
 

Default Re: DIY Tabbed Content Menu for Product Page

Quote:
Originally Posted by mitash
I have got 4.1.3 and it works like a charm...

Have you done this part from the install guide..?

4) Add the code in skin1/customer/main/tabs.tpl to your skin1/customer/main/product.tpl template.

Cheers
Ash

I am sure I have done everything. I tried a number of times because I thought the same. I followed each instructions step by step but to no avail....maybe is an incompatability issue with the fashion mosaics template.

Either way i will try on a clean install with no template and report back.
__________________
Version 4.1.3
Reply With Quote
  #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
  #148  
Old 11-26-2006, 01:09 PM
 
candleshopcreations candleshopcreations is offline
 

Senior Member
  
Join Date: Aug 2006
Location: Okinawa
Posts: 118
 

Question Re: DIY Tabbed Content Menu for Product Page

Hello. I have I believe a new question, at least I didnt' see it here. I installed the tabs and all I have are links to the tab names. no tabs though, and the links are in a vertical list. i've checked several times each step.

here's the home <head> section, the last line is the tab addition:
<HEAD>
<TITLE>
{*BCSE Begin*}
{if $cat and $current_category.meta_title and not $smarty.get.productid}
{$current_category.meta_title}
{else}
{*BCSE End*}
{if $config.SEO.page_title_format eq "A"}{section name=position loop=$location}{$location[position].0|escape}{if not %position.last%} > {/if}{/section}{else}{section name=position loop=$location step=-1}{$location[position].0|escape}{if not %position.last%} > {/if}{/section}{/if}{/if}{*BCSE Added*}</TITLE>
{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
<link rel="stylesheet" href="{$SkinDir}/speedbar/speedbar.css">
{include file="speedbar/speedbar.tpl"}
{* <script type="text/javascript" src="{$SkinDir}/borders/ruzeeborders.js"></script>
<script type="text/javascript" src="{$SkinDir}/borders/cssquery2-p.js"></script>
<script type="text/javascript" src="{$SkinDir}/borders/borders.js"></script>
<link rel="stylesheet" type="text/css" href="{$SkinDir}/borders/borders.css">
{literal}
<script type="text/javascript">
window.onload=function(){
RUZEE.Borders.render();
};
</script>
{/literal} *}
{* BEGIN ADDED FOR POLLER *}
<link rel="stylesheet" href="poller/css/poller.css" type="text/css">
<script type="text/javascript" src="poller/js/ajax.js"></script>
<script type="text/javascript" src="poller/js/poller.js"></script> {* END ADDED FOR POLLER *}
{* BEGIN ADDED FOR flyout menu *}
<link rel="stylesheet" type="text/css" href="{$SkinDir}/sdmenu/sdmenu.css" />
<script type="text/javascript" src="{$SkinDir}/sdmenu/sdmenu.js"> {* END ADDED FOR flyout menu *}
<link rel="stylesheet" href="{$SkinDir}/tabs/tabs.css">
</HEAD>

and here's the line added at the top of the product file:
{* $Id: product.tpl,v 1.96.2.25 2005/11/17 11:40:11 max Exp $ *}
<script type="text/javascript" src="{$SkinDir}/tabs/tabs.js"></script>
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/product_offers_short_list.tpl" product=$product}
{/if}
{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}

and I also installed Telafirma's Image mod, without a problem right before I did this. But that shouldn't matter should it?

Thanks!
__________________
Andrea
www.candleshopcreations.com

Xcart 4.3.2
Mac OSX 10.6.5
EWD Hosting
Mailchimp Mod, On Sale,
One Page Checkout, Mobile
Reply With Quote
  #149  
Old 11-27-2006, 04:11 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,094
 

Default Re: DIY Tabbed Content Menu for Product Page

Have you added this code?

3) Add this code to the top of skin1/customer/main/product.tpl

Code:
<script type="text/javascript" src="{$SkinDir}/tabs/tabs.js"></script>
__________________
xcartmods.co.uk
Reply With Quote
  #150  
Old 11-27-2006, 05:23 AM
 
candleshopcreations candleshopcreations is offline
 

Senior Member
  
Join Date: Aug 2006
Location: Okinawa
Posts: 118
 

Default Re: DIY Tabbed Content Menu for Product Page

Quote:
Originally Posted by candleshopcreations
and here's the line added at the top of the product file:
{* $Id: product.tpl,v 1.96.2.25 2005/11/17 11:40:11 max Exp $ *}
<script type="text/javascript" src="{$SkinDir}/tabs/tabs.js"></script>
{if $active_modules.Special_Offers}

yes, it was added (i've since removed it temporarily). anything else to check you can think of?

EDIT: its installed again, same results, so now you can see what happens. thanks.
__________________
Andrea
www.candleshopcreations.com

Xcart 4.3.2
Mac OSX 10.6.5
EWD Hosting
Mailchimp Mod, On Sale,
One Page Checkout, Mobile
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 07:54 AM.

   

 
X-Cart forums © 2001-2020