How to add an id tag to Main Product Image?

[erko]

Hi all,

I'm using Zen Cart 1.3.8a.

This seems like an easy tweak, but I've been going around in circles for hours just trying to find where the HTML string is formed.

I'm trying to add an ID tag to the main product image displayed on a product page. I can't figure out/find where the code is being parsed to resultant HTML.


The file templates\My custom\templates\tpl_modules_main_product_image.php contains the code;

[FONT="Courier New"]<?php echo zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?>[/FONT]

which outputs the HTML

[FONT="Courier New"]<img src="images/range/CC596.jpg" alt="Slip" title="Slip" width="250" height="341" />[/FONT]

I'd like my HTML to include an ID tag as follows;

[FONT="Courier New"]<img src="images/range/CC596.jpg" alt="Slip" title="Slip" width="250" height="341 ID='PIC' />[/FONT]

Where can I find the code which builds/parses this resultant HTML?

Hope this makes sense. Any help is appreciated.

Thanks in advance.

Regards
erko

[gjh42]

Why do you believe you need an id for this image? It is the only image inside
<div id="productMainImage" class="centeredContent back">
so can be uniquely addressed in the stylesheet with

#productMainImage img {what: ever;}

[erko]

Hi Glenn, thanks for the response..

What I'm trying to do is a simple mouseover (on another link/image) to change the main product image..

I.e. My code on the other link is as follows;

[FONT="Courier New"]

<img src="CC596_1.jpg" onmouseover="document.images['PIC'].src='CC596_1.jpg';" width="80" height="60" alt="Slip" />

[/FONT]

Basically I'm trying to tweak the original additional images code - to do a mouseover instead of a new popup.

Any ideas?

Eric

[schoolboy]

I believe there is an image swapper module that does this already. You can:

1. just use that module
2. look at the module's code to see if it has any pointers for your intended script.

[erko]

Thanks Schoolboy...

Yep I've seen the AJAX Image Swapper - http://www.zen-cart.com/index.php?ma...roducts_id=801.

I only saw this after I had tinkered around with my code

Just need to add a simple id='PIC'. Will scout around abit more and if no luck - I'll swallow my pride & effort and install the image swapper.

Thanks again.

Anyone?

erko

[erko]

Thanks Glenn & Schoolboy for their comments.

Managed to solve this bugger

In the CUSTOM\templates\tpl_modules_main_product_image.php file, added the parameter (in bold) from

[FONT="Courier New"]zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);[/FONT]

to

[FONT="Courier New"]zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, $idPic);[/FONT]

And declared a new var as;

[FONT="Courier New"]$idPic = 'id="Pic"'[/FONT]

Coming from a non-technical background - not sure if this is the cleanest way of doing it, but it works..