| ||||||||||
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 |
#1
|
|||||||
|
|||||||
DIY Tabbed Content Menu for Product Page
Should work in all versions, backup files first!
The code is adapted from http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm 1) Create a file called skin1/tabs.css Code:
2) Create a file called skin1/tabs.js Code:
3) in skin1/customer/home.tpl underneath... Code:
add... Code:
4) find skin1/customer/main/product.tpl add this code to the top of the page... Code:
then just after... Code:
(or wherever you want the tabs to appear) add Code:
Then remove the block of code that this replaces. ie. after... Code:
remove... Code:
5) I have assumed you have all the above modules enabled. Add or remove tabs if neccessary, adjust the theme colours and styles in tabs.css to suit your website. Hope you find this useful. Please share code for the good of the forum
__________________
xcartmods.co.uk |
|||||||
|
#2
|
|||||||
|
|||||||
Nice Phil
Thanks |
|||||||
#3
|
|||||||||
|
|||||||||
Beautiful Phil!
We already had this mod installed when we created our site, but we used tabs images rather than letting CSS do it. Which we might switch to the css boxes as these are much faster loading. The fact you share the code is great. Feels more like Open Source here every day! I hope X-Cart haven't censored the word: Open & Source if used together. Thanks again.
__________________
XC 4.2 inc (unofficial) patch release. |
|||||||||
#5
|
|||||||||
|
|||||||||
But based on free source...
Quote:
__________________
XC 4.2 inc (unofficial) patch release. |
|||||||||
#6
|
|||||||
|
|||||||
Thanks allot
I was looking for somthing like that for my site I have added it looks sweet even just need to make some color changes.
By the way were do I go to change the color of the content area from that purplish color to white. you can see it working here on my site http://pixellab.biz
__________________
Deonya Fields -------------------------- X-Cart Gold 4.0.4 -------------------------- http://www.pixellab.biz |
|||||||
#7
|
|||||||||
|
|||||||||
Wow, that looks cool.....
Deonya, the word rateing is misspelled....just fyi...should be rating. Louise
__________________
Louise Studio 57 Designs - X-Cart Customization Providing X-Cart Services since 2004 Hottest Blog Directory - Submit Your Blog for a Free Listing |
|||||||||
#8
|
|||||||
|
|||||||
Quote:
Thanks I was wondering if any one knows how I can make the tabs show if that tab is need or relevant to that product so if I don't have a detailed image no tab for that will show so people don;t have to waste time clicking tabs and getting no content if anyone can help me figure that out I would appreciate it.
__________________
Deonya Fields -------------------------- X-Cart Gold 4.0.4 -------------------------- http://www.pixellab.biz |
|||||||
#9
|
|||||||||
|
|||||||||
PhilJ,
Thank you so much for the code. I implemented in my site. Thanks again, Louise (Dalmuti) www.birdshopper.com/xcart/home.php
__________________
Louise Studio 57 Designs - X-Cart Customization Providing X-Cart Services since 2004 Hottest Blog Directory - Submit Your Blog for a Free Listing |
|||||||||
#10
|
|||||||
|
|||||||
deonya, take out the persistence block of code and add
Code:
to the particular tab. Should do the trick.
__________________
xcartmods.co.uk |
|||||||
|
|||
X-Cart forums © 2001-2020
|