removed

Great. Thanks a lot for the package. Can you tell me, is this the combination of all the tweaks and such that have been mentioned in this thread for this mod?

Thanks again, a great contribution.


PS. Also, could you help with
"{* Optional
Tab Colour Scheme :: theme="#CCCCCC"
First Tab Displayed :: class="current"
Line Break :: <div style="margin-bottom: 8px"></div>
Persistence Feature :: (Default is off - See tabs.js)
Customise Colours :: (See tabs.css)
*}"

I am not sure how to use these options. Thanks again

Thanks Phil for this pack!

Finally all works very well ! :D Thank you again.

Have managed to install this - thx for helping us noobs out

one question

how do i get rid of the big dark blue border?


tia

Yes, the package works fine. To edit the lines you should only have to edit the css info... Where are you do you have it working?

Really Nice tabs mod. Works great.

Only one question.
Our standard tab is for example the reviews. Is it possible to code it that it will pick the related products as standard, if not avaiable it will pick the tabs reviews.
The standard tab is set is tabs.js So php codes are useless. Anyone an idea?

For anyone that's interested, I've updated the code. It's now easier to customise and you can have multiple tabs if you want. http://www.xcartmods.co.uk

5 *****
 

For anyone thats interested

PhilJ Just modded my site with some of his own mods, including the Tabbed freebie mod.

To say the least his service was excellent and he went above and beyond the call of duty.

I would recommend his services to anyone here on the xcart...

One satisified customer

Thanks alot Phil :)

I will be using you in the future

Best regards

Dave

@PhilJ

thx for releasing the free mods - really helpful

however i am having a light problem with the mosaic skin, when i have


and


it looks all squashed and over 2 lines, any ideas?

for the moment i have deleted them and it works fine however there is no option now for a review :-(

Ged

Anyone else experienced overlapping problem in firefox?

It looks fine in IE6, however with firefox, it overlapses to the right column in 3 column format, causing some part of the content unreadable.

Anyway to fix this?

"Add your review here..."

Why does it display in some browsers, but not others?

In Safari/mac, the "review" tab looks like this:
In Firefox/mac, note no "Add your review here..."
Same in Opera/mac

I then took a look at IE and Firefox on a WinXP machine, and the "Add your review here..." section is missing entirely.

I then took a look at Phil's demo site, and the "Add your review here..." section appears on every browser.

Does anyone have an idea where I can start looking for conflicts?

Ugh. Thanks.

Jeremy

I am fairly certain that my display/browser bug has nothing to do with the tab mod...

I restored to the pre-tab mod backup, and I am still having browser and product.tpl issues [edited/updated] -- problem solved, see this thread:

http://forum.x-cart.com/viewtopic.php?p=146914

another tab
 

How do i go bout adding another tab like

shipping tab found here:

http://www.angelacarolpearls.com/White-Akoya-Pearl-Single-Strand-Bracelet-(AA+-6.5mm)-p274-c65-n1.html

1.Basically I want a field in teh product modify page for me to add
text and html (just like the Description box allows).

2. Instead of Description I will call it "Shipping"

3. Then In the product tpl, I wan the TAB called "Shipping" to appear.

Is the tabb mod anti SEO? since the description is in the tab
and not just on the page.

maybe im wrong. can someone clarify?

It's actually on the page -- however the tab "hides" it from view. If anything, it is VERY MUCH SEO friendly, because the content is on the page.

If you were to go to a tabbed page, and view source, what do yous see?

got it now thanks.

any ideas on how to go about adding another tab as per my dileman above?

When you find out, please let me know...

I want to do the same (for my products, it would be called, "ingredients")

Re: another tab
 

I think we have to edit product_details.tpl
and add another field called "Ingredients". and Also add that "ingredients" field to the database.

I'm going in the right directiong ?

Re: DIY Tabbed Content Menu for Product Page
 

Anybody ever figure out how to have images for your tabs?

Re: DIY Tabbed Content Menu for Product Page
 

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.

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}

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.

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 !

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

Re: DIY Tabbed Content Menu for Product Page
 

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.

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

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!

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

Re: DIY Tabbed Content Menu for Product Page
 

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.

Re: DIY Tabbed Content Menu for Product Page
 

Well, I can't explain it, but i moved the line in the home.tpl to another line above where i had it before </head> and now it works! Hurray!

Re: DIY Tabbed Content Menu for Product Page
 

ahh, that would explain it :)

Re: DIY Tabbed Content Menu for Product Page
 

Mine still does not work. Any help GREATLY appreciated. See link here:

http://www.impact-styling.com/newcart/test-bodykits-c-108-p-1-pr-332.html

If you click the "send to friend" tab then try it, the button does not submit. Nor does it work at the bottom where it usually resides. However if I remove the tab code as pointed out above, the one below works as normal :s

Thanks in advance.

Re: DIY Tabbed Content Menu for Product Page
 

Shaun, that's because your send to friend form is within the product form, it needs to be outside of the <form> tags. You can't have a form within a form.

Re: DIY Tabbed Content Menu for Product Page
 

Could it be also because there's two send to friend forms on one page?

Have you tried commenting out the send to friend form at the bottom?

Cheers
Ash

Re: DIY Tabbed Content Menu for Product Page
 

Thanks for the replies, I will try that later today and come back to you.

Re: DIY Tabbed Content Menu for Product Page
 

my send to friend didnt' work either, until i got rid of the second form at the bottom. now it's fine. :)

Re: DIY Tabbed Content Menu for Product Page
 

am glad it all worked for your guys. :)

Re: DIY Tabbed Content Menu for Product Page
 

What am i doing wrong?

I'm keep getting this on the product page. Not showing any tabs at all.
[*]Product Details[*]Send to Friend [*]Recommended Products [/list]

Please help..

thanks

Re: DIY Tabbed Content Menu for Product Page
 

Is there still a tabbed freebie mod, or Ultimate Tabbed Product Menu for $29 the only one available? Found a ton of freebies on PhilJ's site (Thanks Phil!!!!!:D/ ) but no tabbed menu.