| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
DIY Tabbed Content Menu for Product Page | ||||
|
|
Thread Tools | Search this Thread |
#141
|
|||||||||
|
|||||||||
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 |
|||||||||
#142
|
|||||||
|
|||||||
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} <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 |
|||||||
#143
|
|||||||
|
|||||||
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 |
|||||||
#144
|
|||||||
|
|||||||
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 |
|||||||
#145
|
|||||||||
|
|||||||||
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:
__________________
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 |
|||||||||
#146
|
|||||||
|
|||||||
Re: DIY Tabbed Content Menu for Product Page
Quote:
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 |
|||||||
#147
|
|||||||
|
|||||||
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 |
|||||||
#148
|
|||||||
|
|||||||
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 |
|||||||
#149
|
|||||||
|
|||||||
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:
__________________
xcartmods.co.uk |
|||||||
#150
|
|||||||
|
|||||||
Re: DIY Tabbed Content Menu for Product Page
Quote:
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 |
|||||||
|
|||
X-Cart forums © 2001-2020
|