Adding text to additional images individually

[palomapottery]

Hello,
I'm trying to add text to each individual additional image for each product. I have found some threads that have shown me how to add text to all pages. I would like to find a way to "title" each image individually.

I use a custom template and my ZenCart info is:
Server Host: host.nwwebdev.com (127.0.0.1)
Database Host: localhost (127.0.0.1)
Server OS: Linux 2.6.18-028stab059.6
Database: MySQL 5.0.22

I appreciate any help available. In order for me to properly communicate to my customers what they are looking at in each image, I have found I do need to "title" each image. I tried to get around this problem by using images with attributes, but it just isn't sufficient.

My website is www.palomapottery.com

Thanks you for your time!!!

[swamyg1]

I am also very interested in this as my attributes hinge on my additional images. Could somebody please point us in the right direction?

[gjh42]

You should be able to process the image titles in /includes/modules/additional_images.php.

To avoid having to put masses of single-use text in this file, I would take the approach of defining a set of captions in a language file, using constant names based on the product additional image names, and then as each image is processed, check if a corresponding constant is defined and insert its value into the output.

[swamyg1]

Ooh this is exactly what I need to do. Is there, perhaps, an example or more information on how to code this? Would greatly appreciate if you could point me in the right direction

[gjh42]

It seems like a useful mod, so I'm working on it. It appears to be pretty simple.

[yellow1912]

It seems like a useful mod, so I'm working on it. It appears to be pretty simple.

Wouldn't it be better to have a table to store images, with name, link, etc? I'm thinking of going that way.

[gjh42]

Here is a beta version of Additional Image Titles. It doesn't have a readme yet, so here are the instructions:

Unzip on your pc, navigate to /includes/modules/ and change /your_template/ to the name of your custom template.

Open /includes/languages/english/extra_definitions/additional_image_titles.php and add defines for your additional image files, like this:

define ('ADDIMG_RINGS_RING23_01_JPG','Additional View #1');//title for /images/rings/ring23_01.jpg
define ('ADDIMG_HOE_SIDE_JPG','Side View');//title for /images/hoe_side.jpg

The code that does the work in /includes/modules/your_template/additional_images.php is quite simple:

    // additional image titles - gjh42 20090105
    $badchars = array('/','.','-',' ');//not allowed in constant names
    $add_const_name = 'ADDIMG_' . strtoupper(str_replace($badchars,'_',$file));
    // uses file ext and subdir if any in constant name,  e.g. ADDIMG_RINGS_RING23_01_JPG for /images/rings/ring23_01.jpg
    // define constants in /includes/languages/english/extra_definitions/additional_image_titles.php
    // if any other characters could be used in filename, add them to $badchars
    $link = (defined($add_const_name))? $add_const_name . '<br />' . $link: $link;
    // /additional image titles - gjh42 20090105
    // List Box array generation: 

It goes just before the list box array element is constructed.

Sure, you could use a db table to do this instead. If you want to do another version, go ahead:)

[swamyg1]

WOW I haven't tested this yet but I have to say MANY THANKS!

The Zen community is awesome so far (I came from Oscommerce).

[gjh42]

Here is an enhancement to allow styling the titles as desired:

    $link = (defined($add_const_name))? '<h4 class="addImgTitle">' . $add_const_name . '</h4>' . $link: $link; 

Add to your stylesheet

.addImgTitle {font-size: 1.0em; /*any other properties desired*/}

[swamyg1]

Here is a beta version of Additional Image Titles. It doesn't have a readme yet, so here are the instructions:

Unzip on your pc, navigate to /includes/modules/ and change /your_template/ to the name of your custom template.

Open /includes/languages/english/extra_definitions/additional_image_titles.php and add defines for your additional image files, like this:

define ('ADDIMG_RINGS_RING23_01_JPG','Additional View #1');//title for /images/rings/ring23_01.jpg
define ('ADDIMG_HOE_SIDE_JPG','Side View');//title for /images/hoe_side.jpg

The code that does the work in /includes/modules/your_template/additional_images.php is quite simple:

    // additional image titles - gjh42 20090105
    $badchars = array('/','.','-',' ');//not allowed in constant names
    $add_const_name = 'ADDIMG_' . strtoupper(str_replace($badchars,'_',$file));
    // uses file ext and subdir if any in constant name,  e.g. ADDIMG_RINGS_RING23_01_JPG for /images/rings/ring23_01.jpg
    // define constants in /includes/languages/english/extra_definitions/additional_image_titles.php
    // if any other characters could be used in filename, add them to $badchars
    $link = (defined($add_const_name))? $add_const_name . '<br />' . $link: $link;
    // /additional image titles - gjh42 20090105
    // List Box array generation: 

It goes just before the list box array element is constructed.

Sure, you could use a db table to do this instead. If you want to do another version, go ahead:)

Hey Glenn, I've followed your directions to a tee... I'm just getting the ADDIMG text displaying on my product page, for example " ADDIMG_BULK10_CURLY_JPG" not the "Curly" text I assigned.

The image "bulk10_curly.jpg" displays just fine.