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

On more tabs solution on the product details page

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 06-11-2009, 04:21 AM
 
xim xim is offline
 

X-Cart team
  
Join Date: Nov 2004
Posts: 677
 

Default On more tabs solution on the product details page

Hello,

I know there are a lot of solutions to organize tabs on the product details page. The following is one of it for 4.2.1 X-Cart version (It can be easily applied for all the version of 4.2.x branch)

example: http://dev.qualiteam.biz/~xim/_projects/ajax/product.php?productid=70

features:
* Admin can define the style of showing sections: default or tabs-style;
* Possibility to select the style of Related & Recommended products displaying (thumbs or list);
* Using AJAX technology (without page reloading) in 'Send to friend' section to send the requests;
* fully CSS-based and w3c validated as the rest skin;
* modification is adapted to Light & Lucid skin.


To install the mod into store you should:
0. !!! Make the backup of the current X-Cart system.
1. Unpack the attached archive.
2. Copy all the files from "files" folder to your X-Cart root directory (this folder contains only the new created files of this mod).
3. Apply the "patch.diff" diff under the admin area on the "Patch/Upgrade" page (this file contains the changes in the existed files of X-Cart).
4. Apply the "patch.sql" SQL changes under the admin area on the "Patch/Upgrade" page.
5. Clear template's and browser's cache and review the result.

Also you can change the look and feel of the tabs by editing the corresponding CSS-classes at the end of the "main.css" file (the "product page tabs style" part)

If you have any remarks or corrections, please, do not hesitate to contact me.
Attached Files
File Type: zip product_tabs.zip (13.2 KB, 279 views)
__________________
Sincerely yours, Max Vydrin
Reply With Quote

The following 4 users thank xim for this useful post:
am2003 (06-11-2009), dwpers (08-12-2009), Ene (06-14-2009), george.efrim@notebook.ro (03-11-2010)
  #2  
Old 06-11-2009, 04:47 AM
  ADDISON's Avatar 
ADDISON ADDISON is offline
 

X-Man
  
Join Date: Jan 2008
Posts: 2,613
 

Default Re: On more tabs solution on the product details page

Thanks. Great job.

When I click on tabs (and I scrolled down a little), the content jumps up and down.

Is it an elegant way to keep the content fixed and use some AJAX effects?
__________________
X-Cart Next: Business 5.2 (learning and testing)
X-Cart Classic: Gold and Gold Plus 4.7
Lots of Modules and Customizations
OS in use: Red Hat Enterprise, Fedora, CentOS, Debian, Ubuntu, Linux Mint, Kali Linux
Ideas for Server configuration (basicaly): Nginx/Pound (reverse proxy), Apache/Nginx (webserver), Squid/Varnish (cache server), HHVM or (PHP-FPM + PHP 5.6 + opcache), MariaDB/Percona MySQL Server, Redis (storing sessions)

You can catch my ideas here: http://ideas.x-cart.com
Reply With Quote
  #3  
Old 06-12-2009, 03:39 PM
 
Christofer Christofer is offline
 

eXpert
  
Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202
 

Default Re: On more tabs solution on the product details page

on the link you gave, i saw a mod for product rating that using ajax, but till today i didn't found any mod like this to work for 4.2.x.. any idea from where can i get that mod?
__________________
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote
  #4  
Old 06-12-2009, 03:47 PM
 
PhilJ PhilJ is offline
 

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

Default Re: On more tabs solution on the product details page

This is for v4.1.x but should work for v4.2.x also...

http://www.xcartmods.co.uk/x-cart-ajax-product-rating-system-v41x-x-cart-mods-pr-14.html

We have the AJAX add to cart also.
__________________
xcartmods.co.uk
Reply With Quote

The following user thanks PhilJ for this useful post:
dwpers (08-12-2009)
  #5  
Old 06-12-2009, 03:57 PM
 
Christofer Christofer is offline
 

eXpert
  
Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202
 

Default Re: On more tabs solution on the product details page

yes the easy is just one word by the way my friend phil the rss still not working even with php 5 (if you remember our speak)
__________________
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote
  #6  
Old 06-12-2009, 04:23 PM
 
Christofer Christofer is offline
 

eXpert
  
Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202
 

Default Re: On more tabs solution on the product details page

also you can add extra tabs like other product tabs module or is just for the default x-cart modules (send to friend, related, etc)??
__________________
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote
  #7  
Old 06-14-2009, 11:19 PM
 
xim xim is offline
 

X-Cart team
  
Join Date: Nov 2004
Posts: 677
 

Default Re: On more tabs solution on the product details page

Quote:
Originally Posted by Christofer
on the link you gave, i saw a mod for product rating that using ajax, but till today i didn't found any mod like this to work for 4.2.x.. any idea from where can i get that mod?

This mod is just a prototype of AJAX rating which will be released in X-Cart 4.3 (see roadmap: http://www.x-cart.com/roadmap.html).

If you would like to have this mod on 4.2 you can use the mod by xcartmods.co.uk or order our custom development service (please, contact us via HelpDesk system).
__________________
Sincerely yours, Max Vydrin
Reply With Quote
  #8  
Old 06-14-2009, 11:24 PM
 
xim xim is offline
 

X-Cart team
  
Join Date: Nov 2004
Posts: 677
 

Default Re: On more tabs solution on the product details page

Quote:
Originally Posted by Christofer
also you can add extra tabs like other product tabs module or is just for the default x-cart modules (send to friend, related, etc)??

The current mod supports only the showing of the default X-Cart sections. However by editing the "skin1/customer/main/product_tabs.tpl" template you can add any other tabs you would like.

Just use the same name for span's id and class name of the cont-taba div.
__________________
Sincerely yours, Max Vydrin
Reply With Quote
  #9  
Old 06-15-2009, 05:35 PM
 
Christofer Christofer is offline
 

eXpert
  
Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202
 

Default Re: On more tabs solution on the product details page

hello my friend xim, first of all thank you for your great job. I wasn't enable to install your mod on my shop because i already has a tabs mod that was giving me the option to add extra tabs, and defind their content while adding the product. And i had some tabs on many products with content, so i wasnt enable to start from 0 again..

But anyway i took the advantages of your script, and using some of your files i changed my related products and recommended to thumnails view and the send to friend to ajax..

ALSO A SMALL BUG :
You load two times the check_required_fields_js.tpl and the ajax_stf.js
that is happening because you load them from product_tabs.tpl and also from ajax_send_to_friend.tpl
I don't know if that makes any problem at all, but anyway if someone doesn't fill any of the fields, or it fill it with wrong way, then he get 2 times each error message like "The required field "name" is empty"
__________________
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote
  #10  
Old 06-16-2009, 02:00 AM
 
xim xim is offline
 

X-Cart team
  
Join Date: Nov 2004
Posts: 677
 

Default Re: On more tabs solution on the product details page

Quote:
Originally Posted by Christofer
ALSO A SMALL BUG :
You load two times the check_required_fields_js.tpl and the ajax_stf.js
that is happening because you load them from product_tabs.tpl and also from ajax_send_to_friend.tpl
I don't know if that makes any problem at all, but anyway if someone doesn't fill any of the fields, or it fill it with wrong way, then he get 2 times each error message like "The required field "name" is empty"

Thank you. Our team removed the duplicate and I re-uploaded the archive with correct version of the files (the following templates in the "skin1/customer/main" directory have been changed: "ajax_send_to_friend.tpl", "product_tabs.tpl")
__________________
Sincerely yours, Max Vydrin
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



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 05:10 PM.

   

 
X-Cart forums © 2001-2020