AJAX Image Swapper Basic Support

This is the support thread for AJAX Image Swapper Basic module.
You can download the module here.

Let me explain a bit about this module:

This module will allow you to display several images for your product. I first got this idea by looking at this website and several other apparel websites.
The set of images are divided by the product's attributes, and to get these sets I used AJAX request & response.

This module was also come with the administrator area, which also uses AJAX techniques to add/remove/modify the images.

Maybe it is easier just to look at the example on the demosite.

The administrator access for the demosite is:
username: user
password: pass

Although this is the free version, it comes with full functionality, the only major difference between this and the premium version are the availability of left & right navigation arrows and some admin functions. All the other functions, bug fixes and updates are exactly the same.

I hope you enjoy this module. If you want to talk with me about implementing AJAX on Zen-Cart in general, you can ask me to open a new thread and we can go from there.

Cheers,

Jay

Hi!

I've installed the upgrade, and I've located it in the admin-section.

But there's something I don't understand. How do i "Set product images for option name" and "with option value"? In the admin panel, I mean.

Hi Credible,

thanks for trying the mod.

First your products have to have attributes on them. Say for example in the demosite the product Brad Jacket has "model" option name with "model 1" and "model 2" option values.

You can set your product attributes in "Option Name Manager", "Option Value Manager", and "Attribute Controller" menu in your admin area.

Let me know if you need this module to be available to use without product attributes. I made this module based on a client's requirements, to make it simpler & faster for customer to view different models & purchase them.

This is a really great contribution.

I sell clothing and something like this is just what I wanted/needed.

Can this function without attributes and still have the images in that sweet mouse-over onclick funtion?

For selling shirts, I use separate items for different colors, but I like to have several pictures to show details of the products. Can this contribution be modified to work without relating it to an attribute?

http://parrotsurfshop.com/zen/index.php?main_page=product_info&products_id=4

there's an example of what I would like to do, but for now, I've tied it to a single attribute (Color: As Shown). It works for now.

Also, could this be added to the product creation page? When you add a product, you add the description and images to populate this contribution at the same time/ same page?

On one host, this works fine, but on another host, the admin side dropdown doesn't pick up the products. Both host are running the same Zen with only this add-on.

ANy ideas? I don't have php.ini on either host, but I can use it if needed.

osdude:

On one host, this works fine, but on another host, the admin side dropdown doesn't pick up the products. Both host are running the same Zen with only this add-on.

ANy ideas? I don't have php.ini on either host, but I can use it if needed.

You will need PHP 5.2.1 or newer version for this module to work, the AJAX support for php lower version than that kinda sucks.

If your hosting server can support php5, you might want to add this in your .htaccess file:
AddType application/x-httpd-php5 .php

but of course the best way is to ask your hosting server about that.

osdude:

This is a really great contribution.

Thanks :)

osdude:

I sell clothing and something like this is just what I wanted/needed.

Funny, I just got the same review a few days ago lol:
http://www.webextremecustomiser.com/index.php?main_page=product_reviews&cPath=1&products_id=1&number_of_uploads=0

osdude:

Can this function without attributes and still have the images in that sweet mouse-over onclick funtion?

For selling shirts, I use separate items for different colors, but I like to have several pictures to show details of the products. Can this contribution be modified to work without relating it to an attribute?

At this point unfortunately it is still not possible. But the real power of this module lies in its ability to display different sets of pictures with different attributes.

I can definitely change that upon request, but you might want to use color attributes for your t-shirts instead. That way your customers don't need to reload the page when they want to see other colors of your products?

For a successful example, check this shop:

http://www.endless.com/Marinelli-Womens-Ellis-Piece/dp/B000UAL19E/ref=sr-fi?ie=UTF8&pf_rd_r=05HEA3C79RPKG4G83X7G&pf_rd_p=331561501&asins=B000VZQZVW%2CB000UAL19E%2CB000W9KH2A%2CB000W9UIOM%2CB000I655O2%2CB000WA04MM%2CB000UWRYHU%2CB000VYAB4K%2CB000U62TU8%2CB000VYDX6I%2CB000W9KFWW%2CB000W9KJ2I&pf_rd_i=242169011&refURL=%252Fb%252F242169011%253F&node=242169011&pf_rd_s=bottom-2&fromPage=asinlist&contextTitle=Special%20Occasion%20Styles%20Worth%20Celebrating&pf_rd_m=AF16NM0QF9TKW&pf_rd_t=101

osdude:

Also, could this be added to the product creation page? When you add a product, you add the description and images to populate this contribution at the same time/ same page?

Since the images are divided by product attributes instead of the products themselves I think that way it will be more confusing.

Instead of that, I made it so the process of populating the images is faster & more efficient using AJAX.

jaycode:

At this point unfortunately it is still not possible. But the real power of this module lies in its ability to display different sets of pictures with different attributes.
Ah ha, NOW I understand. Because of the way Zen works, you need to have this as an attribute model - make sense.

jaycode:

I can definitely change that upon request, but you might want to use color attributes for your t-shirts instead. That way your customers don't need to reload the page when they want to see other colors of your products?
We go back and forth on this one. I like the colors being separate items with 'similar products' below, but I understand your point.

jaycode:

For a successful example, check this shop:

http://www.endless.com/Marinelli-Womens-Ellis-Piece/dp/B000UAL19E/ref=sr-fi?ie=UTF8&pf_rd_r=05HEA3C79RPKG4G83X7G&pf_rd_p=331561501&asins=B000VZQZVW%2CB000UAL19E%2CB000W9KH2A%2CB000W9UIOM%2CB000I655O2%2CB000WA04MM%2CB000UWRYHU%2CB000VYAB4K%2CB000U62TU8%2CB000VYDX6I%2CB000W9KFWW%2CB000W9KJ2I&pf_rd_i=242169011&refURL=%252Fb%252F242169011%253F&node=242169011&pf_rd_s=bottom-2&fromPage=asinlist&contextTitle=Special%20Occasion%20Styles%20Worth%20Celebrating&pf_rd_m=AF16NM0QF9TKW&pf_rd_t=101

Did you do that? What an awesome layout - wow. Is that a Zen cart? The items scrolling at the top... the zoom function... spectacular!!
If this is yours, please, what contributions are you using?

Also, check out
http://www.zen-cart.com/forum/showthread.php?t=81693

Coming from OSCommerce, I loved the Ajax Attributes. You added attributes inline while doing the description it was a huge time saver and it really organized the attribute process. I had a screenshot of it in action, but it doesn't load sometimes :(

osdude:

Did you do that? What an awesome layout - wow. Is that a Zen cart? The items scrolling at the top... the zoom function... spectacular!!
If this is yours, please, what contributions are you using?

Well er, thats not mine, its created by Amazon team, so its one of the best on the market.

But it is currently possible to make my module look like that though, except the zoom in feature.

I am planning to turn the commercial version like that though, so stay tuned ;)

osdude:

Also, check out
http://www.zen-cart.com/forum/showthread.php?t=81693

Coming from OSCommerce, I loved the Ajax Attributes. You added attributes inline while doing the description it was a huge time saver and it really organized the attribute process. I had a screenshot of it in action, but it doesn't load sometimes :(

Well yeah that would be an awesome idea, I can imagine that. If only I had some free time I would be glad to do that. You see I am currently developing another (HUGE) module my client asked me to built, with this Zen-Cart would be able to compare products just like mobile phone / car selling websites.

Do you find any other problem with the module?

What happened to the demo-sites, Jay?

Oh, and by the way, I can't quite get the hold of this. Not used to configuring attributes, groups, values etc. And btw, could the fact that I use Norwegian language on the zencart have anything to say?

credible:

What happened to the demo-sites, Jay?

Ahg, I upgraded my site, and the demosites were deleted accidentally, thanks for letting me know.

I am quite happy to announce v.1.0.3, with this it is even easier to upgrade. If you only have AJAX Image Swapper (basic or premium) and / or AJAX Banner Swapper installed in your Zen-Cart.

Now prior to upgrading you can just overwrite all your Zen-Cart files with the upgraded version, without worrying they would overwrite the module(s) :wink:

I have just uploaded it so it will take some time for them to review and confirm the update.

credible:

Oh, and by the way, I can't quite get the hold of this. Not used to configuring attributes, groups, values etc. And btw, could the fact that I use Norwegian language on the zencart have anything to say?

Ok I guess I'll explain a bit about attributes.

Look at my attachment file diagram.jpg.

One product may have several option names & option values, the connection between option names & values is what we call "an attribute".

Say for example, a product "Cool T-Shirt" has 2 option names: Size & Model.

The "XL Size" or "B Model" are the attributes of "Cool T-Shirt". AJAX Image Swapper basically set up different sets of images for the attributes of your choice. In the diagram I use the "model" attribute (since it doesn't make sense to have different images on different sizes, isn't it?)

You can set your product attributes by:

1. go to Catalog - Option Name Manager to set up option names.
2. go to Catalog - Option Value Manager to set up option values.
3. go to Catalog - Attributes Controller to set up product attributes.

Then after you got the attributes ready, you can then set up the images for each attribute.

Good Luck :wink:

Tried to download the new script, but it's not on Zen Cart's site.

I went to your site and tried to checkout, but there was an error. I sent you an email with the details.

And I may be doing something wrong, but I only see a maximum of three images. I see in the CSS< there's an 'arrow' but it doesn't seem to show for me

Yes the new script hasn't been confirmed yet.

Fixed the error, looks like there are some problems with Core FTP. Time to buy a real FTP client I guess...

osdude:

And I may be doing something wrong, but I only see a maximum of three images. I see in the CSS< there's an 'arrow' but it doesn't seem to show for me

The right and left arrows are available only in commercial mode. Image Swapper Basic was the early version of the mod that doesn't have all the fancy functions (image titles and navigational arrows, for example).

However you can edit the code so it can show more than 3 images. Try this

1. Open the file includes/modules/pages/product_info/jscript_imageViewer.js
2. Find this line:```
   for (i=0; i<item_node.length && i < 3; i++) {

3. Replace "3" with the number of images you want to show
4. OR it is way easier to just purchase the commercial version :)

jaycode:

Yes the new script hasn't been confirmed yet.If you're referring to an update to the contribution in the downloads section ... there isn't one. You may need to resubmit.
If you're talking about something else, just ignore this comment :smile:

DrByte:

If you're referring to an update to the contribution in the downloads section ... there isn't one. You may need to resubmit.
If you're talking about something else, just ignore this comment :smile:

Ah yes I will resubmit, funny, but well come to think of it, I uploaded the mod while uploading an entire site, so the file might be broken during the transfer.

The update has been activated.

I'll wait until I get approval and then we'll buy it.

I'm new to Zen and this was the key to choosing this cart, the least I can do is buy the premium version.

Again, thanks so much for the contribution!