OSCOMMERCE SUPPORT CALL 702-453-3332

I found that noone had created a contribution for this, and frankly I'm too much of a hack to really create a contribution and have it looked over by people and respond to all kinds of emails, so I'm just going to tell everyone what I did to get Ultrapics and Lightbox to work together.

You can see an example of the full integration with captions and multiple-images per product at this sample product:

http://www.babyemijewelry.com/catalog/bons...elet-p-125.html

Click on the image to enlarge it, and once the lightbox opens, click on the right or left side of the image to scroll through multiple images. Notice that the product name is the description. I suppose you could also add the model, manufacturer, etc, but we didn't need that information, so we didn't.

Before you attempt anything as dangerous as juggling knives or updating a modified OSCommerce site, be sure you take the required precautions and make a backup and please try it on a test system before introducing it live.

First off, I used Lightbox 2.03.3 I just downloaded the files from the project site and uploaded the folders to my /catalog folder. There are 3 folders, and you can modify them if you want to go into the js files and fix them, but I am lazy and a hack, and once again, just wanted to get it to work on the site with as little work as possible. The 3 folders are 1) /images 2) /js 3) /css. I just FTP'd them as-is, with no changes whatsoever.

Lightbox 2 can be found here:
http://www.huddletogether.com/projects/lightbox2/

Then, I added the following information to my product info (product_info.php) page as follows:
right after the following lines:



I inserted the following lines:


make sure it is before the closing "head" tag. Honestly I don't know if it makes a bit of difference, but I heeded warnings given by others and put it there.

Then, replace the following (some people's are slightly different, depending on the version of Ultrapics you are using, which I am not on the most recent):



Replace it completely with the following:



That will update the 1st pic. At this point, you can test it out and see that your first pic will be updated with a light-box link and no longer have a popup. The remaining images will still have a popup.

To fix those, you need to change your /includes/modules/additional_images.php file. Rather than try to tell you what to change, I'll just do the lazy thing and just give you my entire file. That way you can do a compare with examdiff or some other software if you have heavily modified that file. The updated file is as follows:


Remember, I am a hack, and this is not an official contribution. If someone would like to take it and run with it, be my guest. It would be great if it could be integrated as a toggle option into the original contribution, but that's way beyond my abilities.

As always, good luck, and your results may vary.

Sorry it was so long, and I'll try to check back and answer any questions I can as time permits.

Albert Savage

Hello.

Thank you verry much for making this work, but i still have one small problem.
The products picture for slideshow are in columns, and i would like them in rows. The problem cams from aditional_images.php but i can-t figured out.

can anyone help.?

regards

Help me understand a bit more. Do you mean you want your images to appear all in one row, or each picture in it's own row within one column like on my site?

The original contribution, I believe put everything in one row at the bottom. That was the first thing I changed by movingthe following statement:


to right after the first code I implemented above:


Otherwise, the product info page I posted doesn't actually have separate rows, it's just that when I paste it below, it's in the column created for the image and it only gives it enough width for each picture. Just moving the include statement around within you page table will give you different output views without changing the additional images file.

I like to have the aditional pictures under the normal product image in one row (3 images on one row), hope it's clear enough.
I've tried everything, i'm a newbie in php so i can't figured out, I still think that the problem comes from aditional_images and not from product_info.
anyway thank you for your help.

regards.

Xetu,

Don't get frustrated. I once was a newbie in PHP as well. Everyone here is or was.

Nevertheless, my earlier comment is still correct. I got it to do it in a row by changing the product_info.php file, not the additional_images.php file.

Find the location of:



and move it up to where the other image was. It's a 10 second fix to make them all appear in one row.

When the page is rendered, it will pick the first image and then go look for other images and place them right below.

The whole statement will then look like this:



That should clean it up nicely. Don't worry about the additional_images.php file, it will take care of itself unless you have a heavily modified site. In that case, I'm of little help.

If you have an accessible test site, point me in the direction and I'll take a look when I get a moment.

thank you for your advices but they are not working with my site, probably because is a litte bit modified.

here is a link for you to see what my problem is http://www.rcmedia.ro/shop/product_info.ph...;products_id=60.

here is also my product_info code



hope you can help, i've spend allready to much hours trying to fix this.

best

Well, I can tell right off the bat that you're missing the following line from my original post:


those are missing, so you won't be able to pull it up.

Your product-info page includes a function tep_draw_heading_top that mine does not have, so I couldn't test it on my test site to see if it worked, but I'm absolutely sure you need those lines above the "</head>" tag.

Good luck, and let everyone know if that works then for you. Sorry I can't be of more help. BTW, where did you get your OSC code from? Was it from a template shop?

Hi again,

seems that I have another problem, I will seek for suport where i got the template (templatemonster).
maybe they can help me.
I've tried everything, even installing them again (ultrapic+light box) same problems. I will try this evening with the original osc php_info, and if it's working, is clear that the problem comes from the modified template produc_info.

thank's for you support.
I will reply again after a get a solution for problem.

best.

Hi Xetu,

First,
I see that your site is working just fine on the Lightbox with Ultrapics! Fantastic! Looks great. However, from where I access your site, the performance is terribly slow, and remember the lightbox doesn't work until the page is fully loaded. I hope it's much faster for you and your customers, otherwise it'll be difficult to sell your product.

Second,
I think I understand your question now (and I had misunderstood you before), which is how to get your additional pictures to appear in one single row, rather than 1 picture per row. I don't think this would be that hard. You're probably right that you'd need to adjust your additional_images.php file. It seems likely that you would remove some of the "<tr>" and "</tr>" tags from additional images file. this would prevent it from creating a new row each time.

I would probably start with the first row tag after the table and remove the beginning and ending tags around each of the image declarations. You may want to keep an opening tag after the 3rd additional image (to break it into 2 rows based on your template's needs and what room you have available for your pics) and keep a closing one after the 6th image, or 2, 4,6 for 3 rows. just remember to mirror your row tags.

Third,
If you haven't heard it yet, I have heard that Template Monster is rubbish. I have never used them, so I have no opinion. I have heard that their codebase from their templates is not reguarly updated as new releases of OSC come available. Your mileage may vary. Good luck in getting any support out of them.

I am in the process of opening an ecommerce site using Cre Loaded Standard, which is derivative of osCommerce. I recently had a custom template done by a web developer and
while he was creating my site, I found out about Lightbox Image Viewer; and I asked the developer to have this image viewer installed on my site. I expressly requested
Lightbox Image Viewer 2.03, which would let a shopper move between multiple images since I had also requested that my site have the ability to have multiple images on a Product Info page.

Now that the template is virtually completed and has been installed, the developer is not answering my emails regarding questions that I have and minor things that need to be corrected. Evidently, he feels that he is done with me and has moved on to his next project.

Although I am not a technical person by far, I realized that I must try to figure out things on my own, and if I can't, I must find an alternate source for getting my questions
answered. Some questions I have relate to listing multiple images for a product and the Lightbox Image Viewer and in searching the internet I was able to find this thread which was recently posted on this forum, which was directly on point. My luck with developing an ecommerce site may be turning!

I know a little HTML , but do not know PHP at all. It was a very scary, but I poked around the numerous files on the web server and discovered that I do have "MaxiDVD: Modified For Ultimate Images Pack!", which I initially thought was the listing of one of the sample DVD Movies that came installed with Cre Loaded when I uploaded the software. LOL. Anyway, I have yesterday that "MaxiDVD: Modified For Ultimate Images Pack!" is what enables having multiple images of a product on a Product Info page.

I have not listing anything yet, and I am trying to make sure that everything is in place and correct first. before I list any products. I will want and/or need multiple images of a product to appear on the Product Info page probably 95% of the time. What do I have to do, if anything, when I am listing a product to enable "MaxiDVD: Modified For
Ultimate Images Pack!"? Are listings done in plain text or HTML?

Further, in sample product listings that the web developer did on my site, he also had images of other items on the Product Info page under "Customers Who Brought This Product
Also Brought These Items". What do I have to do to put these additional images on the Product Info page?

In regards to the Lightbox Image Viewer, from the sample product listings that the developer placed on my site, I do know that the Image Viewer was installed on my site. However, how do I tell what version of Lightbox Image Viewer was installed? Specifically, was it the basic version for enlarging just a single image on a page OR was it Version 2.03, which would let a shopper move between multiple images?

I have a feeling that just the basic version was installed, since this is one of the questions I asked the web developer several times that he never addressed or answered
in my email messages. If it is determined that I have just the basic version, what files on the server do I find the Lightbox Image Viewer and what do I have to change to have Version 2.03 instead of just the basic version.

I do know where to find the code for the different versions of Lightbox on the web. What I need to know is exactly what do I need to do in terms of the changing the version of
Lightbox, if this is what I need AND exactly what do I need to do in regards to multiple images on the Product Info page. Since I am not a very technical person and this is all new to me, please respond in very simple language.

Also what do I have to do in order to backup my site. I am so afraid that I will mess things up in a big way. I have made little changes in the HTML, however, I am only a
novice with HtML and know nothing about PHP. As pointed out modifying the files is "as dangerous as juggling knives".

Thanks in advance for any help.

Carotoria

hi, albertsavage, thanks for your perfect work. I tried a day to install it. But Ultrapics make me exhausted. When i try to run sql script there is two errors for "Duplicate entry 'MEDIUM_IMAGE_WIDTH' for key 2", coz configuration_key MEDIUM_IMAGE_WIDTH and MEDIUM_IMAGE_HEIGHT duplicate in id 110 and 111. And i can't review product_info of every product.

Could u tell me which version of Ultrapics you installed? If convenience pls send me a package of Ultrapics you used. My email address: malajisi@gmail.com

Before that, i installed Lightbox 2.03.3 and it worked.

Carotoria,

There were quite a few questions in there, and I'll interject my personal opinion here and there.

1. CRE Loaded is just OS Commerce with some pre-installed mods. It does use a version of Ultrapics by MaxiDVD. Initially, I was attracted to CREL too, but felt that there was a much better community of support here, and wanted to do a site on a shoestring budget until the business proved itself (it has, but we like OSC too much now and have gotten used to some of the quirks) I have only the experience with OSC to go on, but CREL is very similar.

2. Make a test site. For sure. Pay someone if you need to, but you need a test site. This can be setup on a home computer, or on your webserver with a protected .htaccess password so noone but you can access it. This can usually be done within an hour or two. This is critical because you always want to be able to test new things from development, formatting, to seeing how new products will work, as well as payment processing. This is critical to not going nuts. You will need to setup a test database, and change your config files for your database access and folder path (www.mydomain.com/catalog to www.mydomain.com/testcatalog)

3. If you have an earlier version of lightbox setup, I believe it's really easy to change over. You would do the following:
1. Copy over the new lightbox files as I detailed in the first step of my original post. (this will update to the new format of lightbox.)
2. Change every instance of rel="lightbox" to rel="lightbox[product]" in both the product_info.php and the additional_images.php files. to handle

It should be that simple. I haven't setup the 1.0 lightbox, so I wouldn't know if that's all, but I'm pretty confident that it's that simple.

Lightbox 1 is here: http://www.huddletogether.com/projects/lightbox/
Lightbox 2 is here: http://www.huddletogether.com/projects/lightbox2/

4. I'm not sure I understand your last question about listings in plain txt or html. I believe CRE loaded has an HTML editor for product descriptions, you would just need to turn it on in Admin. Is that what you mean?

I suppose if you get in a fix, you can email me at albertsavage at gmail.

Remember, for now, my advice is free, and many times, you get what you pay for. The best way to do it is to test it out.

I believe I installed the version from November 15th, 2006 here: http://addons.oscommerce.com/info/1642

I can't be sure, because I didn't keep track of the package I installed. I know, I know, I should have, but I was just starting out with OSC at the time, and didn't comprehend the fast pace of change wrt contribs.

However, I believe that your problem is that you likely ran the SQL update twice. I can't be totally sure from the information you provide, but it sounds like you have duplicate entries in your configuration table of your database for the "MEDIUM_IMAGE_WIDTH" and "MEDIUM_IMAGE_HEIGHT" at the least. I wouldn't be surprised then if you have a number of other duplicates from the other portion of the contribution as well.

Did you already have Ultrapics running before following my notes? If so, then I'm stumped. Nothing should have caused that from what I wrote. Let me know and I'll put my brain behind it.

Thanks Albert for your reply.




You are right that there is a better community of support here. Although I have Cre Loaded rather than osCommerce, since discovering this forum a few days ago when I did a web search seeking information on Ultrapics & Lightbox, I have done some extensive reading on this forum and have found a lot more useful and informative information on this site rather than on the Cre Loaded site. As you pointed out, Cre Loaded is just osCommerce with some pre-installed scripts; and consequently I was able to was able to implement the things I discovered on my Cre Loaded site.




I am testing things on my site now, however, I never thought about setting up a test database. I think I will do as you suggested.




I will upload the version of Lightbox that I want and will upload this version to my site and make the other change in you stated in both the product_info.php and the additional_images.php files.

Again Thanks!

So I installed the Lightbox mod and im having some minor issues. When I click on the small image of the product page it opens the window for the lightbox but the image never loads. I notice on the lower toolbar of IE its trying to pull the image from a bad directory. My images are stored here:

http://www.jmfabrications.com/catalog/images/......

the link on the toolbar when I try to click on the thumbnail shows:

http://www.jmfabrications.com/catalog//catalog/images/......

How can I correct this link?

Thanks in advance,
Jim

site: www.jmfabrications.com/catalog

think i might have found a temp fix........

OK so I got it working but for some reason its not displaying the caption or description on the pictures....any ideas?

Yes, but it's because you didn't install my mod. You used someone else's.

Your additional picture are not updated properly. That can be done by using my file above.

I'm tired, but the caption on the pictures is created by inserting the title tag as I did:


make sure your rel=lightbox looks like rel=lightbox[product] or it won't group your additional images in a set.

CheerS! It works now:) Thanks for ur great job^_^

I have a fresh install of oscommerce. The issue I described last time is caused by my wrong version.

As the same time I understood Xetu's problem he/she post after you as I want to modify to. We want to show the "product page" in the first line. Then list all other "sm" or "lx" in the second line in a row. I try to draw a illustrator blow:

The original list: the list in your own shop we want to modified to

－－－－－－－－ －－－－－－－－ －－－－－－－－
| ■ | | ■ | | ■ |
| ■ | | ■ | | ■■■■ |
| ■ | | ■ |
| ■ | | ■ |
| ■ | | ■ |

I'll try to find the method to change the style but have a relax to enjoy tomorrows NBA game Houston Rocket vs. Buck. The key point : player Yao vs. Yi:)

One issue I forgot just now:) When the light box is on, the next/prev pictures can't show but Close.gif is ok. I'm sure I upload them to the same folder... Sleepy...*&^%$#@!(*

Well, I took a few minutes and created these:

I believe this should work if you want 2 rows of 3 images from your additional_images.php:


Alternatively, if you want all 6 to go in one row, try this on for size:


That should just be easy HTML stuff.
There are some additional TR's that the earlier person wrote in, but I'm not sure what they are for.

I tested them both on my test site, and worked fine, but I don't have any products on my test site with that many pictures. Be prepared to limit the width of your images so it doesn't "break" your site's layout.

Good luck

That's why they pay me the big bucks.

Dear Albert,

i wish you only the very best for helping me out with this although i was not explicit the first time u seem to understand .
thank you a lot for advices and help.

i hope you get even more bucs for the great job you are doing

best regards,

xetu

Hi Albert,

I followed your instuctions fully I think, but it only displays the iamges as static ones in a row when you click on each product.

They do not pop up like in the Lightbox. This did work but only for one pic, where could I be going wrong?

Many thnaks

Mike

I have uploaded the it again and the images are now is is displaying in a coloum and the lightboz is still not working. The site is at www.thinkpink.ie/catalog. iT IS DRIVING ME MAD, I THINK I HAVE FOLLOWED ALL YOUR INSTRUCTIONS.

mmuf100.

Couple of things.

1. Did you put the 3 folders from lightbox on your server under /catalog/?

I don't believe you did. I checked its existence, and it appears that js and the images are there, but css is not. It requires that lightbox css be in the right locaion..

Re-read my original post, and you'll see the "First off" portion describes what to put where. images/ js/ and /css should just be copied to your catalog folder. There are some demo pictures in the images/ folder, and you can delete those.

2. Your images that you're testing with are quite large. Remember that lightbox will not kick in until the entire page has loaded. That's the nature of lakesh's development and consistent with noninvasive javascript functionalities. Most particularly, that's the reason for going with Ultrapics. The small images are supposed to be thumbnails. I'm confident you know that, but it makes it hard to test if the page loads very slowly.

Good luck

Hi All,

Over the weekend, I found a small fix I'd make to your additional images.

Basically, the original file would create a title (product name) when clicking on the first image that would carry throughout the rest of the pictures. However, if someone clicked on image #2 - #7 first, (additional images), then it would not have a product image until you clicked through to #1. I fixed this in the attached. This would replace your entire additional_images.php file.



Similarly, if you'd like to (as previous readers had it) have the additional 6 images in 2 rows:



Or, in one row:


Have fun with the changes! Sorry about the small bug. You can also add copyright information in the title of the picture if you'd like to discourage people from taking your images.

Hi Albert,

Many thhanks for taking the time to look at this code. I uploaded a folder called css that contained the css file.

Still no luck. I also uploaded small images but they are still displaying a a pop up image.

Any ideas?

thanks

michael

Try by posting up your product_info.php and additional_images.php files and I'll take a look when I get a moment.

Albert

Hi Albert,

I am still plugging way at this. What I did was added the Light Box, uploaded the folders. It worked fine with one image ie is displayed in the lightbox. I then upladed all the ultrapics files. It then displayed the images but the link to enlarge image/popupis now not working.

I have a feeling it is only something small I have pasted my product_info.php and additional imagesfiles belowfile below if this will help you to tell me why I am so stupid with this implementation...

<?php
/*
$Id: product_info.php,v 1.98 2003/09/02 18:52:33 project3000 Exp $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright © 2003 osCommerce

Released under the GNU General Public License
*/

require('includes/application_top.php');

require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_PRODUCT_INFO);

$product_check_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
$product_check = tep_db_fetch_array($product_check_query);
?>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<title><?php echo TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script language="javascript"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,res
izable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,le
ft=150')
}
//--></script>
<?php /*Added for lightbox */ ?><script type="text/javascript" src="js/prototype.js"></script><script type="text/javascript" src="js/scriptaculous.js?load=effects"></script><script type="text/javascript" src="js/lightbox.js"></script><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" ><?php /*End of Added for lightbox */ ?>

</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<!-- header //-->
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
<!-- header_eof //-->

<!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>
<!-- body_text //-->
<td width="100%" valign="top"><?php echo tep_draw_form('cart_quantity', tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=add_product')); ?><table border="0" width="100%" cellspacing="0" cellpadding="0">
<?php
if ($product_check['total'] < 1) {
?>
<tr>
<td><?php new infoBox(array(array('text' => TEXT_PRODUCT_NOT_FOUND))); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<td align="right"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image_button('button_continue.gif', IMAGE_BUTTON_CONTINUE) . '</a>'; ?></td>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<?php
} else {
// BOF MaxiDVD: Modified For Ultimate Images Pack!
$product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, p.products_image_med, p.products_image_lrg, p.products_image_sm_1, p.products_image_xl_1, p.products_image_sm_2, p.products_image_xl_2, p.products_image_sm_3, p.products_image_xl_3, p.products_image_sm_4, p.products_image_xl_4, p.products_image_sm_5, p.products_image_xl_5, p.products_image_sm_6, p.products_image_xl_6, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
// EOF MaxiDVD: Modified For Ultimate Images Pack!
$product_info = tep_db_fetch_array($product_info_query);

tep_db_query("update " . TABLE_PRODUCTS_DESCRIPTION . " set products_viewed = products_viewed+1 where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and language_id = '" . (int)$languages_id . "'");

if ($new_price = tep_get_products_special_price($product_info['products_id'])) {
$products_price = '<s>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</s> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</span>';
} else {
$products_price = $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id']));
}

if (tep_not_null($product_info['products_model'])) {
$products_name = $product_info['products_name'] . '<br><span class="smallText">[' . $product_info['products_model'] . ']</span>';
} else {
$products_name = $product_info['products_name'];
}
?>
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="pageHeading" valign="top"><?php echo $products_name; ?></td>
<td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td>
</tr>
</table></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td class="main">
<?php
if (tep_not_null($product_info['products_image'])) {
?>
<table border="0" cellspacing="0" cellpadding="2" align="right">
<tr>
<td align="center" class="smallText">

<?php
// BOF MaxiDVD: Modified For Ultimate Images Pack!
if (tep_not_null($product_info['products_image_med'])) {
echo tep_image(DIR_WS_IMAGES . $product_info['products_image_med'], addslashes($product_info['products_name']), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'hspace="0" vspace="5"');
} elseif (($product_info['products_image_med'] == '') && ($product_info['products_image_lrg'] == '')) {
echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="1" vspace="1"');
} else {
?>
<?php if (($product_info['products_image_lrg'] !='') && ($product_info['products_image_med'] !='')) { ?><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_lrg']) . '" rel="lightbox[product]" title="' . $product_info['products_name'] . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_med'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?><?php } elseif (($product_info['products_image_lrg'] =='') && ($product_info['products_image_med'] !='')) { ?><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_med']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_med'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?><?php } elseif (($product_info['products_image_lrg'] !='') && ($product_info['products_image'] !='')) { ?><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_lrg']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?><?php } elseif (($product_info['products_image_med'] =='') && ($product_info['products_image_lrg'] =='')) { ?><?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>';} ?>
<?php
}
// EOF MaxiDVD: Modified For Ultimate Images Pack!
?>



</td>
</tr>
</table>
<?php
}
?>
<p><?php echo stripslashes($product_info['products_description']); ?></p>
<?php
// BOF MaxiDVD: Modified For Ultimate Images Pack!
if (ULTIMATE_ADDITIONAL_IMAGES == 'enable') { include(DIR_WS_MODULES . 'additional_images.php'); }
// BOF MaxiDVD: Modified For Ultimate Images Pack!
; ?>
<?php
$products_attributes_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "'");
$products_attributes = tep_db_fetch_array($products_attributes_query);
if ($products_attributes['total'] > 0) {
?>
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="main" colspan="2"><?php echo TEXT_PRODUCT_OPTIONS; ?></td>
</tr>
<?php
$products_options_name_query = tep_db_query("select distinct popt.products_options_id, popt.products_options_name from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "' order by popt.products_options_name");
while ($products_options_name = tep_db_fetch_array($products_options_name_query)) {
$products_options_array = array();
$products_options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_name, pa.options_values_price, pa.price_prefix from " . TABLE_PRODUCTS_ATTRIBUTES . " pa, " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pa.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pa.options_id = '" . (int)$products_options_name['products_options_id'] . "' and pa.options_values_id = pov.products_options_values_id and pov.language_id = '" . (int)$languages_id . "'");
while ($products_options = tep_db_fetch_array($products_options_query)) {
$products_options_array[] = array('id' => $products_options['products_options_values_id'], 'text' => $products_options['products_options_values_name']);
if ($products_options['options_values_price'] != '0') {
$products_options_array[sizeof($products_options_array)-1]['text'] .= ' (' . $products_options['price_prefix'] . $currencies->display_price($products_options['options_values_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) .') ';
}
}

if (isset($cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']])) {
$selected_attribute = $cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']];
} else {
$selected_attribute = false;
}
?>
<tr>
<td class="main"><?php echo $products_options_name['products_options_name'] . ':'; ?></td>
<td class="main"><?php echo tep_draw_pull_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute); ?></td>
</tr>
<?php
}
?>
</table>
<?php
}
?>
</td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
$reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " r, " . TABLE_REVIEWS_DESCRIPTION . " rd where r.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and r.reviews_id = rd.reviews_id and rd.languages_id = '" . (int)$languages_id . "'");
$reviews = tep_db_fetch_array($reviews_query);
if ($reviews['count'] > 0) {
?>
<tr>
<td class="main"><?php echo TEXT_CURRENT_REVIEWS . ' ' . $reviews['count']; ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
}

if (tep_not_null($product_info['products_url'])) {
?>
<tr>
<td class="main"><?php echo sprintf(TEXT_MORE_INFORMATION, tep_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($product_info['products_url']), 'NONSSL', true, false)); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
}

if ($product_info['products_date_available'] > date('Y-m-d H:i:s')) {
?>
<tr>
<td align="center" class="smallText"><?php echo sprintf(TEXT_DATE_AVAILABLE, tep_date_long($product_info['products_date_available'])); ?></td>
</tr>
<?php
} else {
?>
<tr>
<td align="center" class="smallText"><?php echo sprintf(TEXT_DATE_ADDED, tep_date_long($product_info['products_date_added'])); ?></td>
</tr>
<?php
}
?>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<td class="main"><?php echo '<a href="' . tep_href_link(FILENAME_PRODUCT_REVIEWS, tep_get_all_get_params()) . '">' . tep_image_button('button_reviews.gif', IMAGE_BUTTON_REVIEWS) . '</a>'; ?></td>
<td class="main" align="right"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART); ?></td>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td>
<?php
if ((USE_CACHE == 'true') && empty($SID)) {
echo tep_cache_also_purchased(3600);
} else {
include(DIR_WS_MODULES . FILENAME_ALSO_PURCHASED_PRODUCTS);
}
}
?>
</td>
</tr>
</table></form></td>
<!-- body_text_eof //-->
<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- right_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>
<!-- right_navigation_eof //-->
</table></td>
</tr>
</table>
<!-- body_eof //-->

<!-- footer //-->
<?php require(DIR_WS_INCLUDES . 'footer.php'); ?>
<!-- footer_eof //-->
<br>
</body>
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>


AdditionalImages


<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! // -->
<tr>
<td><table width="100%">
<tr>

<?php
if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_1'] != '') && ($product_info['products_image_sm_1'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=1') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_1']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_1'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>

<?php
if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_2'] != '') && ($product_info['products_image_sm_2'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=2') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_2']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_2'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>

<?php
if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_3'] != '') && ($product_info['products_image_sm_3'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=3') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_3']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_3'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


</tr>
<tr>


<?php
if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_4'] != '') && ($product_info['products_image_sm_4'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=4') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_4']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_4'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


<?php
if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_5'] != '') && ($product_info['products_image_sm_5'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=5') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_5']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_5'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


<?php
if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_6'] != '') && ($product_info['products_image_sm_6'] != '')) {
?>
<td align="center" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=6') . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], addslashes($product_info['products_name']), ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_sm_6']) . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"') . '<br>' . tep_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>
</noscript>
</td>
<?php
} elseif
(($products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_6'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


</tr>
</table></td>
</tr>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! // -->

mmurf100,

I spent about an hour tonight looking over your files. I know that your additional_images file doesn't look right. Check my post from today at 10:59AM.

However, I'm stumped on this one. I couldn't parse your file against mine because it wasn't in a codebox when you posted it.. it came out distorted.

Everything looks to be in its generally correct place, but when I posted your file to my test server, I get the same problems that you have. I also don't even get the additional images to show up on mine. I can only imagine it's something to do with your product_info file that's causing that.

Here's my product_info.php file in its entirety: do with it as you please, but keep in mind my include statement for additional_images.php is going to be in a different place. Make sure you backup any files you change.

Hi Albert,

I reset my whole OS commerce site.

I am doign the following:

1) Uploading LightBOx folders as you said

At this stage it then lets me preview the only image there via the lightbox


2) Uploading the Ultrapics contributuon


At this stage it I can see all the Pictures but there are no popup boxes or ligthbox popups

Am I missing a step along the way

Mike,

Just checked your site, and it appears to be working properly! Good job.

Sometimes starting over makes it the easiest.

I noticed 2 more things:
1. Your next and previous buttons don't appear. The images move, but they don't have a visual hover cue. Not sure why that would happen. You might ask someone on the huddletogether forum.
2. The product information using the "title" tag does not appear to be working. Check my files to see how I implemented them (see the most recent files I put up, as these are the best example)

Finally... I think you took my advice about small images too much to heart. I think some of your images are like 50px by 50px. What a hoot to see the machine try to handle that with the lightbox.

Anyway, good luck with the site. It'll look great when you're done.

I also encounter Issue 1... If solved pls tell me the method:)

Michael,

There are several possible causes:

1. You don't have multiple pics. You need to have more than one pic for that product (should be self explanatory, but meh...)
2. You haven't done the proper grouping. Make sure each of your rel=lightbox looks like this rel="lightbox[product]". This should occur about 4 times on your product_info.php file and 6 times in your additional_images.php file. Without that, if it just says rel="lightbox", then it won't group them together. you'll know because it'll say "Image X of Y" in the description portion of the lightbox.
3. You made changes to the javascript or the CSS. (I don't presume that's the case here).
4. Your host provider doesn't support all of the functions of the lightbox (always possible)

Post a link to your shop if you can't figure it out and I'll take a look at it. Feel free to put your code in a codebox (please post it in a codebox to save space on the page).

Albert Savage

Thanks for u dig:) I have four pics added and lightbox[product] all there, css and js files untouched. Maybe the fourth? I'll check later.

Now I focus on SEO and paypal. My site http://www.olymready.com, I hate the domain I choose. Refer to ur previous post, it is not a good one. I submit to google and yahoo anyway.

One more problem want to ask u:)

1. I put the site in the ../cart/catalog for I want to make the store of part of the site. But now I know STS template can do this, I can add any page and information to index.php. Is it necessary to move the cart to root? Now I direction www.olymready.com to .../catalog.

2. Maybe it's a SEO related question I should post in other thread. For the search engine need months to list my site and more time to got high rank. A pay-per-click needed?
Coz XXIX Olympiad will hold half one year, it's urgent to push the site out. I'll appreciate any advise of u

This is a great mod. Two small things that I have noticed (I don't know if anyone else has noticed this as well). When I click on the first image for the first time, it won't diplay a title. But if I click on any of the other images it will diplay the title in those images. and then If I click prev to go back to one it will display the title. Or if I close the pop up and then click on the first image again it will show the title.

The next thing I've noticed this doesn't work for the review products. I don't think this code is set under the review products at all. Has anyone else noticed this. I'm not sure if this is due to the fact that I have a template over top. I've had to fix one small error that this template was having besides this, so I don't know for sure.

Thanks again for the mod, this makes the store a thousand times nicer.

The problem with the next/prev buttons may be caused by the installation of the cart in its location, but I haven't got a clue (it really shouldn't act that way). As a last-ditch effort, you could change the relative location of these images in the CSS file from:



and change ../images/nextlabel.gif to www.olymready.com/cart/catalog/images/nextlabel.gif and the same for prevlabel.gif.

Other than that, I would follow up at the forum over at huddletogether to see if someone else has had that happen. Perhaps it has something to do with your webserver? I'm not sure what would cause the lightbox set to work, but not the prev/next images to show up.

As far as SEO, one of your best bets is to create a sitemap and place it in your root. The location of your cart is only a nuisance for you, but not going to affect its searchability. Make sure you have a robots.txt to tell spiders where not to go. Go to google webmaster tools and claim your site and make sure they know where your sitemap is. There is a "contribution" that just links into a site that will create a sitemap for your site. GoDaddy does that for us when we request one.

I use SEO Ultimate URLS, and have really liked it. it was a simple mod and has paid off in spades. We are #1 in google for "baby jewelry" because of it. Good luck on yours.

I wouldn't use a pay-per-click, as many people ignore the ads. Best thing is to get other related sites (blogs, etc.) to link to your shop. We use give-aways and things like that (gotta spend money to make money) to get people to write reviews about the products. The highest profile blogs and sites linking to yours will get your search further up.

Jason,

First thing: this is related to your product_info.php file not having title defined properly in each of the possible locations. Post your file up here if you can't figure out where it should be.

Second thing: I don't use products_review.php ... I have disabled people from putting in reviews. It'd be great if you'd like to post a solution to it if you get it figured out. I personally have no desire to do it. Might be different if someone paid me. I have a motivation problem when doing it for free.

I agree with you on the motivation. I really only posted to see if anyone had a solution already. I agree the reviews are not that important. Especially to have multiple pictures is completely not needed. Although having that one picture work only with the lightbox mod, would be nice. As it would complete the cart to that function. I will have a look at that when I get some free time. I have reviewed my product_info and have come to a blank. I had to modify a little code to get it to work with this template that I have. If you can offer any help that would be great. Thanks

Admire u:) for the lightbox issue, I changed the path and it works! Great! I will arrange u a homestay if u come to Beijing in 2008 for the XXIX Olympiad^_^

And I changed the entire catalog from cart to root. It worked at last even I encounter database in a mess for I refer to Zencart's moving way, try to reinstall the cart. The experiment is to move the folder and modify the two configure.php. Simple but I walked a zigzag way:)

The next step, I want to integrate STS. It's seemed that I should use the contribution for Ultrapics and lightbox. But one question, should I create a index file in root? Since STS modify the index.php in its template folder only and www.olyready.com can't point to it unless make a redirection. I have visited ur site. You organized them well.

PS: You are a mother of two babies, right? A off the track topic:) Hold a site and a expert of OSC and bring-up two babies...

well, I'm the father... my wife is the one with the hard job. Unfortunately, no trips to Beijing are in the cards. Thanks for the invite.

I haven't used STS. Personally, I wanted pages that look differently (product page only has 2 columns, while other pages have 3, etc) We considered STS at one point, as well as perhaps having a professionally developed site may be in the cards in the future. We have heavily modified our OSC site at this point with all of the contributions, so our next step would be a big one. Let me know how you like STS.

I created a secure testsite using the method you describe (copying folders and changing configure files). Just keep in mind that if you use fixed file references (www.yoursite.com/catalog/etc), you need to remember those if you make a copy, as opposed to a referenced location (../catalog/etc).

Thanks for the compliments to the site. It's not perfect, but nothing ever is.

Jason,

I found the mistake you made. Use this as your file and it should all work:

Thanks Albert Savage. It seemed to work great. I loaded it in firefox, now it displayed the title the first time it popped up. I then tried it in IE7 and it also worked. Then I noticed the following error message in IE7:
Line: 10
Char: 108
Error: unterminated string constant
Code: 0

I fixed the same error, or one just like it before. Located else where in this page. Although now I can't. I know this is due to the fact that this template is from TM. Anyhow thanks again. I think this mod is by far the best addition so far for multiple pic's. I think when I have some time, I will work on the review section, as the plain lightbox mod should work easily (well if the code is the same anyhow).

Sounds like an HTML problem... you should look at the source in IE7 and find out what is on line 10, char 108 and fix that. If you had a site, I'd take a look at it when I had a moment.

Thank you so much for your GREAT contribution. I am not a programmer, but your directions were very clear and everything worked to perfection, it is exactly what I was looking for. I do have one simple question that hopefully someone can answer for me.

I only want one image and one +enlarge button to show on the product information page to keep it tidy. I tried to hack it by using a 1 pixel image in the TEXT_PRODUCTS_IMAGE_SM_1 through TEXT_PRODUCTS_IMAGE_SM_5 slots in admin, but the +enlarge buttons (5 of them) are still showing below the medium image. I have tried to change the product_info file, but I really don't know what I am doing!! Please help.

Thanks in Advance
Belinda

Belinda,

What you want to do is actually in the additional_images.php file if I understand you correctly.

In that file there are 6 instances of:


Delete those 6 instances (and as always keep a backup of your original file), and you should see those click to enlarge pictures disappear. You can also get rid of the preceding BR tags if there is too much space being taken up.

Hi Albert,

Thanks for getting back to me, that worked like a charm - You are a STAR!!

Belinda

Hi Albert,

The text is gone, but there is all this white space making the page very long. When I put my mouse over the white space it seems like there are images there. Below is my additional_images code, and a link to one of the test products that shows the white space. When I uploaded images to Ultrapics I used a 1 pixel gif for each small image in the hope that they wouldn't show on the page. The large images are showing up in LightBox which is what I want. I only want one medium image to show on the following page. http://www.mysticbog.com/product_info.php?...products_id=338 which it does at the top.

Sorry to be a pain, but I am almost finished the site and will be ready to launch as soon as I get this working and put REAL product images on it:-)

Thanks in Advance

Beinda

<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->
<tr>
<td><table width="100%">
<tr>

<?php
if (($product_info['products_image_sm_1'] != '') && ($product_info['products_image_xl_1'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_1'] != '') && ($product_info['products_image_sm_1'] != '')) {
?>
<td align="center" class="smallText">

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_1']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_1'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_1'] == '') && ($product_info['products_image_xl_1'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_1'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>

</tr>
<tr>

<?php
if (($product_info['products_image_sm_2'] != '') && ($product_info['products_image_xl_2'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_2'] != '') && ($product_info['products_image_sm_2'] != '')) {
?>
<td align="center" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_2']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_2'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_2'] == '') && ($product_info['products_image_xl_2'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_2'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>

</tr>
<tr>

<?php
if (($product_info['products_image_sm_3'] != '') && ($product_info['products_image_xl_3'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_3'] != '') && ($product_info['products_image_sm_3'] != '')) {
?>
<td align="center" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_3']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_3'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_3'] == '') && ($product_info['products_image_xl_3'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_3'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


</tr>
<tr>


<?php
if (($product_info['products_image_sm_4'] != '') && ($product_info['products_image_xl_4'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_4'] != '') && ($product_info['products_image_sm_4'] != '')) {
?>
<td align="center" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_4']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_4'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_4'] == '') && ($product_info['products_image_xl_4'] != '')) {
?>
<td align="center" class="smallText">

</td>
<?php
}
?>

</tr>
<tr>



<?php
if (($product_info['products_image_sm_5'] != '') && ($product_info['products_image_xl_5'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_5'] != '') && ($product_info['products_image_sm_5'] != '')) {
?>
<td align="center" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_5']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_5'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') .'</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_5'] == '') && ($product_info['products_image_xl_5'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_5'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>

</tr>
<tr>



<?php
if (($product_info['products_image_sm_6'] != '') && ($product_info['products_image_xl_6'] == '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], ULT_THUMB_IMAGE_WIDTH, ULT_THUMB_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
} elseif
(($product_info['products_image_sm_6'] != '') && ($product_info['products_image_sm_6'] != '')) {
?>
<td align="center" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_xl_6']) . '" rel="lightbox[product]">' . tep_image(DIR_WS_IMAGES . $product_info['products_image_sm_6'], $product_info['products_name'], $image_width, $image_height, 'hspace="5" vspace="5"') . '</a>'; ?>
</td>
<?php
} elseif
(($products_info['products_image_sm_6'] == '') && ($product_info['products_image_xl_6'] != '')) {
?>
<td align="center" class="smallText">
<?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image_xl_6'], $product_info['products_name'], LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT, 'hspace="1" vspace="1"'); ?>
</td>
<?php
}
?>


</tr>
</table></td>
</tr>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! //-->

First thing's first... use a codebox when posting your code. It makes it easier to copy and review your code, as well as makes sure there are no errors when I post it back to you.

I think that what you're trying to do is make the additional thumbs disappear, right?

I'm not sure exactly how all of the variables work, but you could try this as a code hack:

Replace all "ULT_THUMB_IMAGE_WIDTH" with "1" and replace all "ULT_THUMB_IMAGE_HEIGHT" with "1" as well.

Essentially, I think that should make your thumbs near to nothing. I'm not sure what would happen if you replaced it with 0, but that might be worth it as well... no spaces or anything, just hidden pictures. What you were doing was good because it helps the page load faster, but the admin controls the display of the small pictures on the page to whatever the admin size is. Alternatively to changing to code (a hack), you could try changing the size in admin (image sizes), but I'm not sure where else these might be used. There's more than one way to skin this cat for sure.

What you're trying to do changes the dynamics a little bit, but it's a neat idea. I looked at it and it worked well, just there's all of that dead space as you said.

OK, since I wrote this, I would try things in this order:

1. Change it in admin to see how it impacts your site. I think this is the "additional thumb width" and "additional thumb height" options. (I'm worried this also impacts the first image, but hopefully not), so proceed to #2 if it doesn't work.
2. Hack the file and replace with 0's.
3. Hack the file and replace with 1's.

There are several variants on this approach, I just listed the most straightforward. There are literally about 10 different ways you could use admin/hack to get it to be right.

Good luck