SearchFit - Ecommerce Platform Live Chat Call Us Today! 888.398.4703

Using JQuery with SearchFit

 
Post new topic   Reply to topic    forums.searchfit.com Forum Index -> SearchFit News, Success Stories, and Testimonials
View previous topic :: View next topic  
Author Message
main@searchfit
Site Admin
Site Admin


Joined: 23 Jan 2003
Posts: 7444
Location: California

PostPosted: Tue Oct 28, 2008 3:41 pm GMT    Post subject: Using JQuery with SearchFit Reply with quote

SearchFit is an ecommerce shopping cart with a flexible template system that allows you to add your own JavaScript. Thanks to some outstanding libraries like JQuery, JavaScript is a great tool to improve your ecommerce user interface...

Read the entire article at

http://www.searchfit.com/blog/ecommerce/ecommerce-user-interface-using-jquery-with-searchfit.htm
_________________
www.searchfit.com
www.searchfit.us.com
Back to top
View user's profile Send private message
Americover
2


Joined: 03 Jul 2008
Posts: 59

PostPosted: Tue Nov 04, 2008 7:24 am GMT    Post subject: Reply with quote

Stan,
Nice work with the Jquery integration. Do you have a link to the script that switches images or color options?
Quote:
Uses other JQuery based scripts for image & value switching.

Thanks
Back to top
View user's profile Send private message Visit poster's website
ed@searchfit
2


Joined: 27 Sep 2004
Posts: 1325

PostPosted: Tue Nov 04, 2008 2:46 pm GMT    Post subject: Reply with quote

The setup is using JQuery, the JQuery Zoom Plugin and a Custom Script. It's not highly tested, so use with caution.

Checkout the source code of this page: http://demo3.searchfit.us.com/

These are the scripts necessary to make the display work:

Code:
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
   
var images_cz = ['black.jpg','red.jpg','alt_3.jpg','alt_1.jpg','alt_2.jpg'];

image_cz_form = 'add2cart_form_' + 57129;

</script>

<script src="http://demo3.searchfit.us.com/alt_image_effects.js"></script>

<script src="http://demo3.searchfit.us.com/jquery.jqzoom.js"></script>
Back to top
View user's profile Send private message
Americover
2


Joined: 03 Jul 2008
Posts: 59

PostPosted: Tue Dec 09, 2008 12:03 pm GMT    Post subject: Reply with quote

Looking at this script now and the source code from the page that it is running on I am still having a hard time understanding how it differentiates the Alternate images from the product option images. Is this done in the .js that I can't see on Searchfits site, is it in the CSS, or is it in the .js on Jquery's side?

Thanks
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic   Reply to topic    forums.searchfit.com Forum Index -> SearchFit News, Success Stories, and Testimonials All times are GMT - 10 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum