Simple Multi Image Add-on (Un-Limited) with FancyBox Popups

spooks · November 10, 2009

get this working with easy populate

I am trying to work out how to get this working with easy populate.

http://www.oscommerce.com/forums/index.php?showtopic=344580&pid=1453410&start=300&st=300#entry1453410

vxtdps · November 10, 2009

Thanks very much for you kind help spooks.

However I now get a problem further down the page:

Parse error: syntax error, unexpected T_ELSE in /home/partsco1/public_html/catalog/admin/categories.php on line 873 (I have marked the line with ******this one*********)

Is there any chance you could help with this?

Kind Regards Dan

<?php
     }
?>
     <tr>
       <td><?php echo tep_draw_separator('pixel_trans.gif', '1', '10'); ?></td>
     </tr>
<?php
   }
?>
<!-- Simple multi image addon -->
<tr><td>Additional Images:</td><td class="main" colspan="3"><table summary=""><tr>
<?php $i=1; while (list($key, $value) = each($products_image_array)) { ?>
<?php echo '<td align="center">' . tep_image(DIR_WS_CATALOG_IMAGES . $value, $value, SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, ' hspace="8" vspace="5"');
if($HTTP_POST_VARS['delete_image_' .$i] == 'on') echo 'To Be Deleted';
echo '</td>'; ++$i; } ?> 
</tr>
</table></td></tr>
<!-- EOF Simple multi image addon -->
<?php
   if (isset($HTTP_GET_VARS['read']) && ($HTTP_GET_VARS['read'] == 'only')) {
     if (isset($HTTP_GET_VARS['origin'])) {
       $pos_params = strpos($HTTP_GET_VARS['origin'], '?', 0);
       if ($pos_params != false) {
         $back_url = substr($HTTP_GET_VARS['origin'], 0, $pos_params);
         $back_url_params = substr($HTTP_GET_VARS['origin'], $pos_params + 1);
       } else {
         $back_url = $HTTP_GET_VARS['origin'];
         $back_url_params = '';
       }
     } else {
       $back_url = FILENAME_CATEGORIES;
       $back_url_params = 'cPath=' . $cPath . '&pID=' . $pInfo->products_id;
     }
?>
     <tr>
       <td align="right"><?php echo '<a href="' . tep_href_link($back_url, $back_url_params, 'NONSSL') . '">' . tep_image_button('button_back.gif', IMAGE_BACK) . '</a>'; ?></td>
     </tr>
<?php
   } else {
?>
     <tr>
       <td align="right" class="smallText">
<?php
/* Re-Post all POST'ed variables */
     reset($HTTP_POST_VARS);
     while (list($key, $value) = each($HTTP_POST_VARS)) {
       if (!is_array($HTTP_POST_VARS[$key])) {
         echo tep_draw_hidden_field($key, htmlspecialchars(stripslashes($value)));
       }
     }
     $languages = tep_get_languages();
     for ($i=0, $n=sizeof($languages); $i<$n; $i++) {
       echo tep_draw_hidden_field('products_name[' . $languages[$i]['id'] . ']', htmlspecialchars(stripslashes($products_name[$languages[$i]['id']])));
       echo tep_draw_hidden_field('products_description[' . $languages[$i]['id'] . ']', htmlspecialchars(stripslashes($products_description[$languages[$i]['id']])));
       echo tep_draw_hidden_field('products_url[' . $languages[$i]['id'] . ']', htmlspecialchars(stripslashes($products_url[$languages[$i]['id']])));
     }
     echo tep_draw_hidden_field('products_image', stripslashes($products_image_name));
// Simple multi image addon
   $i=1;reset($products_image_array);
   while (list($key, $value) = each($products_image_array)) 
	    {
      echo tep_draw_hidden_field('products_image_' . $i, stripslashes($value));
	   ++$i;	}
// EOF Simple multi image addon
     echo tep_image_submit('button_back.gif', IMAGE_BACK, 'name="edit"') . '  ';

     if (isset($HTTP_GET_VARS['pID'])) {
       echo tep_image_submit('button_update.gif', IMAGE_UPDATE);
     } else {
       echo tep_image_submit('button_insert.gif', IMAGE_INSERT);
     }
     echo '  <a href="' . tep_href_link(FILENAME_CATEGORIES, 'cPath=' . $cPath . (isset($HTTP_GET_VARS['pID']) ? '&pID=' . $HTTP_GET_VARS['pID'] : '')) . '">' . tep_image_button('button_cancel.gif', IMAGE_CANCEL) . '</a>';
?></td>
     </tr>
   </table></form>
<?php
}      ******this one*********
} else {
?>
   <table border="0" width="100%" cellspacing="0" cellpadding="2">
     <tr>
       <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
         <tr>
           <td class="pageHeading"><?php echo HEADING_TITLE; ?></td>
           <td class="pageHeading" align="right"><?php echo tep_draw_separator('pixel_trans.gif', 1, HEADING_IMAGE_HEIGHT); ?></td>
           <td align="right"><table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td class="smallText" align="right">
<?php
   echo tep_draw_form('search', FILENAME_CATEGORIES, '', 'get');
   echo HEADING_TITLE_SEARCH . ' ' . tep_draw_input_field('search');
   echo tep_hide_session_id() . '</form>';
?>
               </td>
             </tr>
             <tr>
               <td class="smallText" align="right">
<?php
   echo tep_draw_form('goto', FILENAME_CATEGORIES, '', 'get');
   echo HEADING_TITLE_GOTO . ' ' . tep_draw_pull_down_menu('cPath', tep_get_category_tree(), $current_category_id, 'onChange="this.form.submit();"');
   echo tep_hide_session_id() . '</form>';
?>
               </td>
             </tr>
           </table></td>
         </tr>
       </table></td>
     </tr>
     <tr>
       <td><table border="0" width="100%" cellspacing="0" cellpadding="0">
         <tr>
           <td valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="2">
             <tr class="dataTableHeadingRow">
               <td class="dataTableHeadingContent"><?php echo TABLE_HEADING_CATEGORIES_PRODUCTS; ?></td>
               <td class="dataTableHeadingContent" align="center"><?php echo TABLE_HEADING_STATUS; ?></td>
               <td class="dataTableHeadingContent" align="right"><?php echo TABLE_HEADING_ACTION; ?> </td>
             </tr>

spooks · November 10, 2009

Sorry, the cause of that error could be a long way from there, have you tried just using the supplied file?

RomekG · November 10, 2009

Hello,

Thank u for this great addon.

I'm trying use it in my oscommerce with STS template and with oscThumb. It works fine and look good, but there's no thumbs for second, third and other images on my product info page.

U can see example here: example Instead of second and third thumb there are pixel dots, first image works fine and on pop-up image i can switch images.

When I turned off osThumb add-on, i got this effect: http://galeriadanusi.duu.pl/test.png

Where is problem, in Simple Multi Add-on or in oscThumb?

Edited November 10, 2009 by RomekG

anshii · November 10, 2009

I have installed and it works perfectly. Thank you so much for this fab contribution! :thumbsup:

Have 3 problems though: is there anyway I can put these images into the body of the page, like below/above my product description? If I have more than 3 images, it pushes & squeeze my product description to the far right. 2) Anyway to name individual pictures? I want to put the model/color under each picture. 3) How can I resize the popup image? The current popup size is too small for customers to see colors and design properly.

Thanks!!!

spooks · November 10, 2009

SQL error means missing admin settings.

Your issue is due to missing settings, no doubt due to the error I managed to leave in the SQL.

The first line was supposed to be removed, apply the following will add the missing bits and fix your issue.

INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Tiny Image Width', 'TINY_IMAGE_WIDTH', '30', 'Image width for additional image thumbnail', 4, 20, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Tiny Image Height', 'TINY_IMAGE_HEIGHT', '30', 'Image height for additional image thumbnail', 4, 21, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Additional images per row/column', 'TINY_IMAGE_GROUP_SIZE', '3', 'Number of additional images to show per row/column in the product display', 4, 22, NULL, now(), '', '');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Additional Image Format', 'ADDITIONAL_IMAGE_FORMAT', 'horizontal', 'Show additional image in a vertical or horizontal format', 4, 23, NULL, now(), '', 'tep_cfg_select_option(array(\'horizontal\', \'vertical\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Dim background on popup', 'DIM_BACKGROUND', 'false', 'Dim the background when popup images are shown. (enabled, this option can make the zoom action less smooth).', 4, 24, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),'); 
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Background luminosity', 'BKG_LUMA', '2', 'How much to dim background, if enabled. 1 = min, 9 = max.', 4, 25, NULL, now(), '', 'tep_cfg_select_option(array(\'1\', \'2\',\'3\',\'4\',\'5\',\'6\',\'7\',\'8\',\'9\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup images dragable', 'DRAG_POPUP', 'false', 'Enable dragging of popup images.', 4, 26, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup \'swing\' effect', 'SWING_POPUP', 'true', 'Add a \'swing\' effect to the opening popup zoom.', 4, 27, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Show popup navigation', 'SHOW_NAV', 'false', 'Always show popup navigation icons, or hide till mouse over.', 4, 28, NULL, now(), '', 'tep_cfg_select_option(array(\'true\', \'false\'),');
INSERT INTO `configuration` (`configuration_title`, `configuration_key`, `configuration_value`, `configuration_description`, `configuration_group_id`, `sort_order`, `last_modified`, `date_added`, `use_function`, `set_function`) 
VALUES ('Popup navigation position', 'POS_NAV', 'middle', 'Position the popup navigation icons at the top, middle or bottom of images.', 4, 29, NULL, now(), '', 'tep_cfg_select_option(array(\'top\', \'middle\',\'bottom\'),');

spooks · November 10, 2009

I have installed and it works perfectly. Thank you so much for this fab contribution!

Have 3 problems though: is there anyway I can put these images into the body of the page, like below/above my product description? If I have more than 3 images, it pushes & squeeze my product description to the far right. 2) Anyway to name individual pictures? I want to put the model/color under each picture. 3) How can I resize the popup image? The current popup size is too small for customers to see colors and design properly.

Thanks!!!

in product info if you replace:

<p><?php echo stripslashes($product_info['products_description']); ?></p>

with

</td></tr><tr><td  class="smallText"><p><?php echo stripslashes($product_info['products_description']); ?></p>

that will place your images above description, so avoid any clash.

This is code that displays the extra images, you could put it anywhere,

<div id="fancy"><?php
$row = 1; reset($products_image_array); foreach($products_image_array as $value) { 
   	if ($thumb) {  	
   	$source = ''; preg_match('/"([^"]+)"/',htmlentities ( tep_image(DIR_WS_IMAGES . $value,'','','','','',5), ENT_NOQUOTES), $image);  $source=str_replace('&','&',$image[1]); 
   	} 
   	echo '<a  rel="image_group" title="'.$title.'" href="' . ($source ? $source : DIR_WS_IMAGES . $value) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $value, $product_info['products_name'], TINY_IMAGE_WIDTH, TINY_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '</a>'; 

       ++$row; if ($row > $image_group) { echo '<br />'; $row = 1; } } ?></div>

You would have to add extra dbase entries to name the images, then add code accordingly.

The popup images are displayed full size, if u need bigger, upload them bigger!

RomekG · November 10, 2009

SQL error means missing admin settings.

Your issue is due to missing settings, no doubt due to the error I managed to leave in the SQL.

Works now :D Thank u very much.

lgayle · November 10, 2009

sam any suggestion to my previous post?

Thank you

November 11, 2009

Hi

I love the concept of your contribution and immediately integrated it into the project I am working on and it looks great. However, I Have a problem with oscThumb. when I click to enlarge an image the fancybox script does what it is told but oscthumb gives me the effect of opening an image in notepad. Ive searched the forums as best i can and overviewed both the support forums of oscThumb and Unlimited images to no avail. I am hosted with siteground and from everything ive read, they have the GD library installed.

http://test.blingsandrings.com.au and enter product info to see what I mean.

Because this is a problem with oscThumb i can understand if u cannot help me but ur obviosly experienced in this area and can maybe point me in a positive direction. Cheers!!!

Bryan

spooks · November 11, 2009

Hi

I love the concept of your contribution and immediately integrated it into the project I am working on and it looks great. However, I Have a problem with oscThumb. when I click to enlarge an image the fancybox script does what it is told but oscthumb gives me the effect of opening an image in notepad. Ive searched the forums as best i can and overviewed both the support forums of oscThumb and Unlimited images to no avail. I am hosted with siteground and from everything ive read, they have the GD library installed.

http://test.blingsandrings.com.au and enter product info to see what I mean.

Because this is a problem with oscThumb i can understand if u cannot help me but ur obviosly experienced in this area and can maybe point me in a positive direction. Cheers!!!

Bryan

First I pretty sure when you start using jpg images in place of the defaulf gifs you wont have a problem.

I have come across this issue b4 (GIF89) but I don't remember exactly the cause, I think it was smthg to do with the gd library, check you use all safe settings in oscthumb.

spooks · November 11, 2009

sam any suggestion to my previous post?

Thank you

I sorry, u r asking me to support a different contrib, I have enough to do with my own, let alone supporting others too!

If you wish features of this contrib to be added to another, I suggest you make a request of the auther of that in thier support thread

thegreenmachine79 · November 11, 2009

I am trying to align my images horizontally and I cannot get it to work. In admin I select horizontal under "configuration/images/additional image format". Any help would be greatly appreciated.

Dan Cole · November 11, 2009

Your issue is die to a bug in the class, mine had the fix (not sure where it came from).

in the class u have:
return $this->check_destination();
     } else {
it should be:
return $this->check_destination();
 	} elseif ($file['name'] <> '') {
That should get it sorted for you.

Spooks I have this same problem....I know this really doesn't have anything to do with your contribution but would you be kind enough to tell me what file you found this change in? I'd like to sort that issue out too. ;)

Dan

spooks · November 11, 2009

bug in upload class

Spooks I have this same problem....I know this really doesn't have anything to do with your contribution but would you be kind enough to tell me what file you found this change in? I'd like to sort that issue out too.

Dan

Its in admin/includes/classses/upload.php line 69

spooks · November 11, 2009

I am trying to align my images horizontally and I cannot get it to work. In admin I select horizontal under "configuration/images/additional image format". Any help would be greatly appreciated.

what happens instead? have u checked your edits to product info?

phatolive · November 11, 2009

Hi,

First and foremost great contribution.

Thanks!

Am having problems with viewing in IE.

Any help?

Thanks

Tony

spooks · November 11, 2009

Dunno!!!

Am having problems with viewing in IE.

Any help?

Thanks

Tony

Without you saying what issue your having & what version of IE I can have no idea!!

One day I'll finish my phycic training & be able to solve these b4 there even asked!, but that may be some time off!

phatolive · November 11, 2009

Guess I had that coming!

I am using IE8. What I am finding is the text on the popup falls out of its parameters.

The text does not remain within the grey area.

Any help appreciated.

Thanks

Tony

Dunno!!!

Without you saying what issue your having & what version of IE I can have no idea!!

One day I'll finish my phycic training & be able to solve these b4 there even asked!, but that may be some time off!

spooks · November 11, 2009

Guess I had that coming!

I am using IE8. What I am finding is the text on the popup falls out of its parameters.

The text does not remain within the grey area.

Any help appreciated.

Thanks

Tony

Are you using the latest with its title fixes?

Have you uploaded the whole contents of the js dir to your site?

The default title background is black, strange yours is grey?

[email protected] · November 12, 2009

First of all, thank you so much! I did install it a while ago, and it was perfect!

But then I did something wrong somewere else and had to reinstall my shop from a backup, and since then it has been some trouble...

I have also installed the "Option Types v2", and suddenly I can't get the two to work together. Everything looks just fine, but when I go to the shop the added text field is a drop-down with the text "CUSTOMER-INPUT". This happens if I try to select radio or checkbox to...

I now (somehow) made the text field work, and the radio buttons too... But then the "Simple Multiple Images" disapear. They'r still in the products page, but does not show in the shop. The settings in "Images" are still there too.

Any idea what's causing this? Please help... I need both the multiple images and the text field.... And I have no experience in php...

spooks · November 12, 2009

First of all, thank you so much! I did install it a while ago, and it was perfect!

But then I did something wrong somewere else and had to reinstall my shop from a backup, and since then it has been some trouble...

I have also installed the "Option Types v2", and suddenly I can't get the two to work together. Everything looks just fine, but when I go to the shop the added text field is a drop-down with the text "CUSTOMER-INPUT". This happens if I try to select radio or checkbox to...

I now (somehow) made the text field work, and the radio buttons too... But then the "Simple Multiple Images" disapear. They'r still in the products page, but does not show in the shop. The settings in "Images" are still there too.

Any idea what's causing this? Please help... I need both the multiple images and the text field.... And I have no experience in php...

Additional Multiple Images do only appear in the products page.

what do you mean does not show in the shop what dont show where?

Dan Cole · November 12, 2009

bug in upload class

Its in admin/includes/classses/upload.php line 69

Thanks Sam...I appreciate it...dan

thegreenmachine79 · November 12, 2009

what happens instead? have u checked your edits to product info?

I double checked my edits to product info and I believe it is was edited identically to the instructions. I am expecting the horizontal option to configure the small additional images in horizontal alignment beneath the main image. Please take a look at it and make sure that I am not understanding this incorrectly.

http://www.tothtool.com/product_info.php?cPath=21&products_id=31

Thanks for the help, I'm a complete newbie to this.

spooks · November 12, 2009

only one image shown per row!

I double checked my edits to product info and I believe it is was edited identically to the instructions. I am expecting the horizontal option to configure the small additional images in horizontal alignment beneath the main image. Please take a look at it and make sure that I am not understanding this incorrectly.

http://www.tothtool....&products_id=31

Thanks for the help, I'm a complete newbie to this.

In admin/images , what have you set Additional images per row/column to?

And I know you say you double checked your edits, but line 14 on, does it have:

 $image_group = TINY_IMAGE_GROUP_SIZE; //Number of images to show per row/column
$vertical_format = (ADDITIONAL_IMAGE_FORMAT == 'vertical');
$max_title_length = 40; //Set the maximm length of popup titles before they are broken into multiple lines.

Edited November 12, 2009 by spooks

Simple Multi Image Add-on (Un-Limited) with FancyBox Popups

Recommended Posts

Link to comment

Share on other sites

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Guest

Guest

spooks

Posted Images

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation