larger image link beneath product image

[KismetDesign]

Right now beneath my product images I have a 'larger image' link that displays a slightly larger picture of my thumbnail.

Is there a way to gain more control over what this link does?

I'd like it to say 'Look Inside' instead of 'larger image'. And I'd like that link to go to an inside fold of the book.

Any chance I can get some help on this?

Thanks!

KismetDesign

[niccol]

If you just want to edit the words then you'll find a line in english.php that reads:

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

Just edit it to what you want.

If you want to get more adventurous then you need to edit tpl_modules_main_product_image.php You are interested in line 15 or thereabouts.

Oh, and you probably want to adjust the noscript version lower down the page too!

You can determine what the 'larger' image is. Zen cart uses three image folders - large, medium and default. So, there are three versions of the image possible on the server. They do not have to be all the same. So, the image in the large folder might be of the inside of the book while the image in the medium and default might be of the cover of the book.

[KismetDesign]

Okay, I found the first item you mentioned and changed it to read "Look Inside Book", which is perfect. Thank you!

Next, I found the tpl_modules_main_product_image.php and found the lines you were talking about. I see right now that window opens up to the medium size image. Before I start messing with it, I have two questions...

1 - Can I create another directory that is titled inside_fold and somehow upload images to that? or

2 - Can I switch the med with the large images and just use all the images classified as large to be the ones I use for the inside fold?

Which would make more sense to you?

Thank you so much for your help.

KismetDesign

[niccol]

1. Don't know. Everything is possible but this sounds like it is going to take some work.

2. Well, yes, but...

I read the code the same way as you do, that it should call the medium image. However, on the site that I have played with this what actually happens is the small image is used for the product listing. The medium image is used for the product info and the large image is used for the 'larger image'.

So, in your case you would have pictures of the cover in small and medium and an inside fold as large.

I'm sure that the code makes sense and that I just need to look again and also have a look a function zen_image to see why it behaves this way

I'll PM you a link to the page where it is working

[KismetDesign]

Your page looks really nice. That is exactly what I'm hoping to do with mine.

I guess I can just use the 'larger image' for now and not worry about naming it anything else. I still have a couple last questions.

1) How do you upload the image you want specifically into the 'large' folder and get it to show up?

2) There is a margin on the pop up page in the lower right hand corner that shows the page has a black background. Is there any way to change this to a different background color or get rid of the margins?

3) Is there a place in my admin panel that I can resize the pop up window or does it just go automatically by the size of my larger image?

Thanks so much for your help. I was really impressed with your site.

[niccol]

1. I believe that the way it works is that Zen Cart uses the filename that you have given it when you first uploaded the image (productimage.jpg). Then, where appropriate it looks in the large folder for a corresponding image called (productimage_LRG.jpg). I think that you can change the naming protocol but have never bothered. What I do is edit three versions of the file before uploading anything. (productimage.jpg productimage_MED.jpg and product_image_LRG.jpg) Then i upload the small one using the admin panel, so that this is associated to the product. Then I just use FTP to put the others in the right folders in the images folder. And then it just works (Zen Cart is pretty amazing)

If you want to automate this a little bit a graphics program called IRFANVIEW is superb at batch processing ( as a linux user it is the only thing that I run under windows emulation ). Its free and it a great lightweight image viewer and editor too.

2. I don't quite understand I am afraid. I do not see this but I am using firefox maybe it is a browser thing. If you send a link I'll have a look at your site.

3. Not sure. I think I am right in saying that zen does not resize the large image (but I've been wrong before ) I think that the window will be the size of the image unless you are using proportional sizing, which I am. But as I say, I am a bit vague on this so, you may get a better answer from someone else or by further searching.

Thanks for your kind comments about the site!

[KismetDesign]

Hmmm.... would you take a look at my code for the tpl_modules_main_product_image.php?

I've attached it to this post.

I changed everything from medium to large, then uploaded a copy of a sample large image into my images/large folder, named it the same only with _LRG at the end, and then rechecked my page.

Doesn't seem to be any different.

I'm sure it's operator error... on my part somewhere!

[KismetDesign]

Okay, I just did some playing around with this... and here's what happened...

I figured out that the image I originally saved into the 'large' folder was missing a letter, so it was misspelled. I resaved it into the 'large' folder and uploaded it.

Then I checked the page to see what happened, and the main image on the product page had changed to the large image! And when I clicked on the 'Look Inside' link beneath it, it also displayed the large image.

Very weird! So I had to delete the large image off the server for them both to revert back to the main product image. I couldn't figure out a way to separate the two out and have the main product image show up on the product page, and the LRG image I saved show up in the pop-up window.

[niccol]

Sorry, I must have been having a bad hair day when I said that about the medium images. The 'medium' in that file is relating to the image that is displayed on the product_info page itself.

The large image is called using the variable FILENAME_POPUP_IMAGE which has been set elsewhere (I assume to the path of the larger image)

So, revert to the default version of the file. My mistake.

Then try again and let me know. It should play the game without any alterations as long as you have the appropriate image in your large folder and it is named correctly.

By the way there was no attachment to the previous post.

[KismetDesign]

Okay I'll attach...