image popup

[dannyd]

Please tell me that this is a download somewhere. Its a popup like this website right

http://www.jewelrysupply.com/index.p...oducts_id=4608

When you click on the link additional images it brings up a popup with more images.

I hope someone can point me in the right direction.

[stbede77]

nope thats not an addon or mod... its just basic html... take a look at the source code

[Sc0tt]

nope thats not an addon or mod... its just basic html... take a look at the source code

That is killer. What pages do I modify to achieve this? I can put the code off of this site, so that's no biggy. But what pages in ZC require the added lines of code?

Nice find Danny D!

[kuroi]

What pages do I modify to achieve this?

None. It's built into Zen Cart. If your main image is called myimage.jpg then add additional images in the form myimage_1.jpg, myimage_2.jpg, etc.

You might want to consider installing Image Handler to make this easier.

[Sc0tt]

None. It's built into Zen Cart. If your main image is called myimage.jpg then add additional images in the form myimage_1.jpg, myimage_2.jpg, etc.

Thanks. But I have more than one image associated with a test product at the moment, but I suppose I am unclear on what other actions need taking to display each option from one popup window.

eg: http://legendsgallery.net/ecomm/cata...roducts_id=180

[kuroi]

OK, I get now that it's not displaying multiple images for a product that's proving difficulkt, but getting the multiple images into a pop up window. I've not done this, but here's how I would go about it. But please note, it's an untested approach not a solution.

Edit the foillowing line in my english.php file

  define('TEXT_CLICK_TO_ENLARGE', 'larger image'); 

Create two new directories in my template called popup_image and popup_image_additional and move the respective tpl_main_page.php from template_default into each.

Make a copy of tpl_product_info_display.php in your template directory and comment out the code between <!--bof Additional Product Images --> and <!--eof Additional Product Images --> to stop the additional images from also appearing on the product page.

Add a copy of the code commented out in the previous step into the tpl_main_page.php in the popup_image directory.

By this point you will hopefully have a popup window that displays the original images and the additional ones. However, there's also a good chance that you won't and some tweaking may be necessary. Hopefully other forum members will spot and post about any misconceptions that I may have.

If you then want to display one of the images at a time like the site you are referencing, you will need to start breaking the php apart to be able to identify and load one image at a time, and create the links to move between them. If you further want to make it look really snazzy, then control the whole thing with one of the many image swapping javascript scripts available (a quick search of hotscripts.com will yield plenty).

No guarantees but hopefully enough direction to help you move forward or at least understand the complexities involved and why nobodies given you a quick solution.

[BigMacYin]

I too would like to have the ability to be able to click to the next image in the pop up window. Did Kuroi's solution work?

Cheers,

H

[Sc0tt]

I have not yet tried it. this remains the sticking point on this project for me, so I will try it and for that matter, anything someone suggests. I really need that darn image swap mod that drbytes wrote for versions pre-1.3. I'm sure he'll offer it eventually, but for now, we wait.

Thanks for keeping this thread alive. ZC folks will, I'm sure, get around to chiming in. Thanks.

[etoile03]

anyone been able to do this? i'm looking for something similar to display all the images in one popup, rather then having the additional product images on the product info page.

[musikmachine]

Hello
i'm aswell very interrested in the solution !
Does anybody know how to proceed to get several images in just one pop-up instead of going back to product info page...

Help wanted !

;-)