Additional Image Titles [support]

[HelenSama]

I would like to use Additional Image Title on this site http://peterfasano.com/zen/ but can not get it to work I had to delete the additional_image_titles_defines.php where I had some sample titles from the extra definitions folder because of getting blank pages which I thought were blank lines at the bottom of php files, but could not find....

In additiion to having this work so that the titles appear above (or below) the additional images I need the titles to carry into Slimbox which I have installed so that in Slimbox (an addon) someone can look through the main and all the additional images and know what they are looking at...

I am using the additional images for the various different colors that each product comes in and it is important to have the exact color and code appearing whenever anyone is looking at an image.

So, I have two issues - one is to get the Additional IMage Titles working and two is to get the Additional Image Titles into Slimbox Any suggestions or help is greatly appreciated.

[HelenSama]

I forgot to add in the post i just made --- a question - does the Additional Image Titles add on work with Image Handler.... I am looking at this and I asked a fellow web developer to look at it also and we both think that there is some type of conflict that is causing the Additional Image Titles not to work?

[gjh42]

I would need to see what your additional image names are and what constant names you have used in the defines.
When looking through the prints, I don't see any additional images to use as examples of naming.

BTW, I noticed that while paging through the products, every new page shows only the header/nav and it is necessary to scroll down to see any of the product image. This seems like poor ergonomics - you want to make it as comfortable as possible for customers to leaf through the patterns. You might consider an alternate product page header configuration that takes less height. The header design is beautiful, but function has to come first.


IH2 could indeed be causing a problem, since it renames the resized files into long strings and saves them in a separate cache. I think it's not so much a conflict as bypassing systems that don't work together.

The lightbox/slimbox mods probably do conflict, as in trying to modify the same files to do their job.

[gjh42]

Just noticed in loosefast's post that IH2 does have an additional_images.php file, so this would preclude simply loading the Additional Image Titles copy. The titles code is short, and may be able to be dropped into the other mods' versions of the file... unless they modify the same area of the file, which would make it tricky.

[HelenSama]

For an example, under Fabrics, in Prints, there are two test products I set up with additional images - Avondale and Key Biscayne. The direct link for Avondale is http://peterfasano.com/zen/index.php...products_id=17

For avondale, I uploaded avondale.jpg as the main image and then
avondale_01.jpg, avondale_02.jpg ..... to avondale_05.jpg as the additional images

Then in additional_image_titles_define.php I put the following:

define ('ADDIMG_avondale_01_jpg','Avondale Cedar');
define ('ADDIMG_avondale_02_jpg','Avondale Cypress');
define ('ADDIMG_avondale_03_jpg','Avondale Dune');
define ('ADDIMG_avondale_04_jpg','Avondale Heather');
define ('ADDIMG_avondale_05_jpg','Avondale Heron');

I followed the uploading instructions for Additional Image Titles AddOn but immediately was unable to access the site because of blank pages, I checked all the php I had just uploaded for blank lines at the bootm, there are none, I had to delete additional_image_titles_define.php from the server to get the site appearing again....

Now I see that the image link for the avondale additional image shows as:

<img src="bmz_cache/3/39600fa8926b9993799b2a562959d941.image.150x170.jpg" alt="Avondale" title=" Avondale " width="150" height="170" />

instead of avondale_01.jpg its 39600fa8926b9993799b2a562959d941.image.150x170.jpg

Do you think this is image handler conflicting and interfering.... I'm going to go now and see if I can uninstall Image Handler....


Not only do I want and need to have the Additional Image Titles working, but I need to have them carry into Slimbox...


Also, thank you for your coments about the header, I have thought about that, I am hoping, maybe you can tell me -----I am now using the Smart Background addon for the header and I see that you - Glenn- wrote this also .... Thank you for these great addons, you see that they are useful, they are the very ones I am using here.... My question is and I was about to try this out With Smart Backgrounds for Headers can I have headers with different heights specified for different pages?

[gjh42]

PHP constants are typically written in uppercase, so the code looks for an uppercase version of the filename, as well as converting characters like / into _ so they don't break the constant name. So

define ('ADDIMG_avondale_01_jpg','Avondale Cedar');

would be

define ('ADDIMG_AVONDALE_01_JPG','Avondale Cedar');

except that the IH2 filename may be making this irrelevant.


Smart Backgrounds lets you specify the styling for the element in a particular page/category, so you should be able to set the height that way. It may take some reconfiguring of your header output, or it might be straightforward - can't tell without looking into it.

[empressd]

PHP constants are typically written in uppercase, so the code looks for an uppercase version of the filename, as well as converting characters like / into _ so they don't break the constant name. So

define ('ADDIMG_avondale_01_jpg','Avondale Cedar');

would be

define ('ADDIMG_AVONDALE_01_JPG','Avondale Cedar');

except that the IH2 filename may be making this irrelevant.


Smart Backgrounds lets you specify the styling for the element in a particular page/category, so you should be able to set the height that way. It may take some reconfiguring of your header output, or it might be straightforward - can't tell without looking into it.

Hello Everyone,
I am new to zen and I am fighting hard to make it work.
I have additional images and added additional image title and got white page.
I am not quite sure what to do with or what i should put in the last part of the instructions. I tried adding 1 2 3 4 and not just side but font and back using the text that i see in the php file. I dont have images installed on my site as yet just the ones that come with zen. I want to know if i would have to list all of my images in the file at all times. or can the code put them in the place where they should go based on the example text that is given with the file. If i have to add the image title that is a work for i have thousands of images to add. I really need this to work for it will make things much better for me due to my site carries items that has many images.

I appreciate all the help I can get.

also i would love to know if i can change the month from my featured and new product title on the front page and i would love to add a banner in my header and dont know how to or where to go to add it. i would love to be able to add my template in to an editor like coffeecup so i can drag and drop the boxes where i want them is there anything out there like that. or i am will to do the work if i just know how to add the template into an editor and change up the layout so it fits how i want it

I thank you all for all the help you can give to me.
hope to hear something soon.

empress

[HelenSama]

This is an update to my other posts in this string. I'm the one, hopefully not the only one, who needs to have the additional image titles from Glenn's mod appear with the larger images in Lightbox/Slimbox.

I've made some progress, since I am using both the Additional Image Title add-on and the Slimbox add-on, both add-ons have modifications to additional_images.php. At first I could only have one or the other, I've now successfully meshed the modifications so that the additional image titles are appearing and also clicking on larger image brings up the Lightbox so that is working. Here is an example of it, still needs finishing touches but am happy it is working this much: http://peterfasano.com/zen/index.php...&products_id=2

I still need to have the additional image titles appear with the larger image in the Lightbox instead of where you see the product name in the lower left hand corner. Here is the bottom part of additional_images.php where I have meshed the two modifications together:

// Link Preparation:
// bof Zen Lightbox v1.4 aclarke 2007-09-22
if (ZEN_LIGHTBOX_STATUS == 'true' || FUAL_SLIMBOX == 'true') {

$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

} else {

$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascriptopupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

}
// eof Zen Lightbox v1.4 aclarke 2007-09-22

$noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';

// $alternate_link = '<a href="' . $products_image_large . '" onclick="javascriptopupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';

$link = $script_link . "\n " . $noscript_link;
// $link = $alternate_link;
// additional image titles
$add_img_constant = 'ADDIMG_' . strtoupper(ereg_replace('[/\\.-]','_',substr_replace($base_image,'',0,7)));// if any other characters could be used in filepath, add them to list [ ]
if (defined($add_img_constant)) {//add text above or below images
$link = (ADDIMG_TEXT_TOP)? '<h4 class="addImgTitle">' . constant($add_img_constant) . '</h4>' . $link: $link . '<h4 class="addImgTitle">' . constant($add_img_constant) . '</h4>';
}
// /additional image titles
// List Box array generation:
$list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
'text' => "\n " . $link);
$col ++;
if ($col > (IMAGES_AUTO_ADDED -1)) {
$col = 0;
$row ++;
}
} // end for loop
} // endif

?>

Does anyone with more php coding experience than I have, have any suggestions? I've tried replacing the constant ($products_name) with the constant ($add_img_constant) but that does not work. (I also have a post in the Commercial Help Needed section but since I haven't gotten a reply resulting in help, I've been working or trying to work on it myself.

Also in the additional_image_titles_define.php code I downloaded I got an error just after installing that I corrected in my own copy. The error was ..... unexpected } encountered on line #6 --- which is this line --- define ('ADDIMG_TEXT_TOP','true'};//change to false to put text below images

I change the } to a ) to correct the error.

[gjh42]

Not sure how that one } got through - I must have fixed it in the live test copy and neglected to transfer it to the archive copy. I will correct the download as soon as I get time.

The $add_img_constant is not defined before $products_name appears in the code as posted, so it will not show in the popup if swapped. You need to move the additional image titles code to above the script call, while keeping it inside the same loop as it is currently. You would be right to use
constant($add_img_constant)
in place of
$products_name
in that location, once the setup is in place.

[perkiekat]

This is an update to my other posts in this string. I'm the one, hopefully not the only one, who needs to have the additional image titles from Glenn's mod appear with the larger images in Lightbox/Slimbox.

I've made some progress, since I am using both the Additional Image Title add-on and the Slimbox add-on, both add-ons have modifications to additional_images.php. At first I could only have one or the other, I've now successfully meshed the modifications so that the additional image titles are appearing and also clicking on larger image brings up the Lightbox so that is working. Here is an example of it, still needs finishing touches but am happy it is working this much: http://peterfasano.com/zen/index.php...&products_id=2

I still need to have the additional image titles appear with the larger image in the Lightbox instead of where you see the product name in the lower left hand corner. Here is the bottom part of additional_images.php where I have meshed the two modifications together:

// Link Preparation:
// bof Zen Lightbox v1.4 aclarke 2007-09-22
if (ZEN_LIGHTBOX_STATUS == 'true' || FUAL_SLIMBOX == 'true') {

$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="lightbox[gallery]" title="' . addslashes($products_name) . '">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

} else {

$script_link = '<script language="javascript" type="text/javascript"><!--' . "\n" . 'document.write(\'' . ($flag_display_large ? '<a href="javascriptopupWindow(\\\'' . $large_link . '\\\')">' . $thumb_slashes . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>' : $thumb_slashes) . '\');' . "\n" . '//--></script>';

}
// eof Zen Lightbox v1.4 aclarke 2007-09-22

$noscript_link = '<noscript>' . ($flag_display_large ? '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE_ADDITIONAL, 'pID=' . $_GET['products_id'] . '&pic=' . $i . '&products_image_large_additional=' . $products_image_large) . '" target="_blank">' . $thumb_regular . '<br /><span class="imgLinkAdditional">' . TEXT_CLICK_TO_ENLARGE . '</span></a>' : $thumb_regular ) . '</noscript>';

// $alternate_link = '<a href="' . $products_image_large . '" onclick="javascriptopupWindow(\''. $large_link . '\') return false;" title="' . $products_name . '" target="_blank">' . $thumb_regular . '<br />' . TEXT_CLICK_TO_ENLARGE . '</a>';

$link = $script_link . "\n " . $noscript_link;
// $link = $alternate_link;
// additional image titles
$add_img_constant = 'ADDIMG_' . strtoupper(ereg_replace('[/\\.-]','_',substr_replace($base_image,'',0,7)));// if any other characters could be used in filepath, add them to list [ ]
if (defined($add_img_constant)) {//add text above or below images
$link = (ADDIMG_TEXT_TOP)? '<h4 class="addImgTitle">' . constant($add_img_constant) . '</h4>' . $link: $link . '<h4 class="addImgTitle">' . constant($add_img_constant) . '</h4>';
}
// /additional image titles
// List Box array generation:
$list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width:' . $col_width . '%;"',
'text' => "\n " . $link);
$col ++;
if ($col > (IMAGES_AUTO_ADDED -1)) {
$col = 0;
$row ++;
}
} // end for loop
} // endif

?>

Does anyone with more php coding experience than I have, have any suggestions? I've tried replacing the constant ($products_name) with the constant ($add_img_constant) but that does not work. (I also have a post in the Commercial Help Needed section but since I haven't gotten a reply resulting in help, I've been working or trying to work on it myself.

Also in the additional_image_titles_define.php code I downloaded I got an error just after installing that I corrected in my own copy. The error was ..... unexpected } encountered on line #6 --- which is this line --- define ('ADDIMG_TEXT_TOP','true'};//change to false to put text below images

I change the } to a ) to correct the error.

Hello,
I want to use this in the same manner as you do...with Slimbox. I added the above coding and also have this in my image titles:

define ('ADDIMG_TEXT_TOP',false);//change to false to put text below images
define ('ADDIMG_IMAGES_LARGE_PRIVATESTOCK_RED_01_LRG_JPG','102 - Naphthol Red');//example title for /images/large/Privatestock_red_01_LRG.jpg
define ('ADDIMG_IMAGES_LARGE_PRIVATESTOCK_BLUE_02_LRG_JPG','106 - Phthalocyanine Blue');//example title for /images/large/Privatestock_blue_02_LRG.jpg
?>

I only have two images right now to work with until i get this right...anyway...when I click on the image I get a forbidden page telling me I do not have permission to view the file....hummm...could someone please tell em what I am doing wrong here??

Thanks!
Pkat