Fancy Pics - Fancy Image Popups / Previews

kinnikinnikbear · October 13, 2009

Thanks again for responding Spooks!

I must have a conflict somewhere else?....set 'imageScale': to false & am still seeing the issue on IE (both 7&8) only. On FF a pic 300px X 300px outputs the same in Fancy Pics. In IE the same pic outputs at 262px X 247px! At least it's not totally random - it consisting resizes every image - 38px width, and - 53 px length. :huh: My settings-

$.fn.fancybox.defaults = {
	padding				:	0,
	imageScale			:	false,
	zoomOpacity			:	false,
	zoomSpeedIn			:	0,
	zoomSpeedOut		:	0,
	zoomSpeedChange		:	300,
	easingIn			:	'swing',
	easingOut			:	'swing',
	easingChange		:	'swing',
	frameWidth			:	425,
	frameHeight			:	355,
	overlayShow			:	true,
	overlayOpacity		:	0.3,
	hideOnContentClick	:	true,
	centerOnScroll		:	true,
	itemArray			:	[],
	callbackOnStart		:	null,
	callbackOnShow		:	null,
	callbackOnClose		:	null
};

$(document).ready(function() {
	$.fn.fancybox.build();
});

})(jQuery);

-

Everything else is looking, working great.

spooks · October 13, 2009

1st R u using the updated jquery.fancybox.js file in the latest Simple Multi Image Add-on version? (I need to update this )

There is another setting that could be having an effect:

'centerOnScroll' : set to false,

kinnikinnikbear · October 14, 2009

Yes, I am using the updated jquery.fancybox.js file from your Simple Multi Image Add-on V 1.2. Tried the "centeronscroll" set to false and still have the resizing. Searching the fancy box forums finds other threads about this issue, but no real ideas except the ones I've tried already. One thread did mention this about IE resizing- "it's not really a fancybox problem ... it's the old boxmodel problem of IE". Wondering if this could be the issue <_< . I'll post if I see a solution or you see something else to try?

Thanks again Spooks for responding!

Edited October 14, 2009 by kinnikinnikbear

spooks · October 14, 2009

Yes, I am using the updated jquery.fancybox.js file from your Simple Multi Image Add-on V 1.2. Tried the "centeronscroll" set to false and still have the resizing. Searching the fancy box forums finds other threads about this issue, but no real ideas except the ones I've tried already. One thread did mention this about IE resizing- "it's not really a fancybox problem ... it's the old boxmodel problem of IE". Wondering if this could be the issue . I'll post if I see a solution or you see something else to try?

Thanks again Spooks for responding!

Well, as I said I don`t see the issue, on my test sites simply setting 'imageScale': false stopped any scaling, so without a link I`m afraid there is not a lot more I can suggest.

aiyou · October 15, 2009

Hello

I started down this path with Slimbox, then saw the demo for Fancy Pics and decided to give it a whirl. Here's my dilemna...

I also have Additional Images 2.1.1, and my goal is to include (when applicable, based on product) any additional large images for a slideshow effect. The basic display of the large image works fine with either Slimbox or Fancy Pics, but I can't seem to figure out how to incorporate an array of additional images.

I did see an Additional Images/Lightbox combination, but would rather stick with the Fancy Pics (preferred for aesthetic reasons) or Slimbox. My guess is that it would go somewhere with the Fancy Pics 1.1 Step 5 mods, along with a query towards the top to build the array of additional images

<!--  fancy pics -->
<div id="fancy">
<div id="pics" style="display:none;"><?php 
reset($image_list);
while (key($image_list) !== $CurrentProduct) {
echo '<a rel="lightbox" title="' . $image_list[key($image_list)]['title'] . '" href="' . tep_href_link(DIR_WS_IMAGES . $image_list[key($image_list)]['image']) . '" target="_blank"></a>';
next($image_list);	}
?></div>
<?php echo '<a rel="lightbox" title="'.$product_info['products_name'].'" href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<div id="pics2" style="visibility:hidden;"><?php
next($image_list); while (key($image_list) !== null) {
echo '<a rel="lightbox" title="' . $image_list[key($image_list)]['title'] . '" href="' . tep_href_link(DIR_WS_IMAGES . $image_list[key($image_list)]['image']) . '" target="_blank"> </a>'; 
next($image_list); } ?>
</div>
</div>
<!--  eof fancy pics -->

I'm not committed to Additional Images 2.1.1, so if there is another multiple image module that would be easier to integrate with this, I'm game to make that change. I'm still in an early dev state for a re-design.

Thanks in advance

Rob

spooks · October 15, 2009

is there another multiple image module that would be easier to integrate with this

There is Simple Multi Image Add-on (Un-Limited) with Fancy Popups http://addons.oscommerce.com/info/7008 which uses the same popup, plus allows browsing multi images within same popup, perhaps that would solve your issue?

aiyou · October 16, 2009

Sam,

Great contribution - many, many thanks! This is exactly what I was looking for.

Inferos · October 22, 2009

I would like to install this contribution, as it looks very promising, but is it possible to have a preview, a store that uses it or a printscreen?

On a second note, as a possible improvement of it, may I suggest the automatic renaming of pictures, when added, like product-model-id-01.jpg or similar? Helps both on SEO and the general well working of a store.

(I believe it is unfortunately possible when you add pictures of identical names to have the older ones replaced and lost, like it's happening in the classic OSC install.)

Thanks in advance.

spooks · October 22, 2009

I would like to install this contribution, as it looks very promising, but is it possible to have a preview, a store that uses it or a printscreen?

On a second note, as a possible improvement of it, may I suggest the automatic renaming of pictures, when added, like product-model-id-01.jpg or similar? Helps both on SEO and the general well working of a store.

(I believe it is unfortunately possible when you add pictures of identical names to have the older ones replaced and lost, like it's happening in the classic OSC install.)

Thanks in advance.

There are links in the docs for a preview, also if u look around others have given links to their site with this.

nameing of images has nothing to do with this, it takes no part in data entry, but a good idea if u want to write a new contrib.

KJ666 · November 2, 2009

Ok another thing that is getting to me now, when i click the image it comes up really small any idea why ??

Also the text dont fit on the black bit at the bottom.

spooks · November 2, 2009

Ok another thing that is getting to me now, when i click the image it comes up really small any idea why ??

Also the text dont fit on the black bit at the bottom.

Images are only scaled if the viewport is smaller than the image, so without any size info I have no idea.

The text issue only occurs where images are small & text is to large to fit in available space, I have resolved the issue but have yet to create the update.

KJ666 · November 2, 2009

Sorry that last question was me being stupid with small images on my site.

I uploaded a huge pic as a test product, but now i have a problem, when you click to enlarge it is HUGE, how can i make it so it dont get so big.

I also have phpthumb too.

spooks · November 2, 2009

Sorry that last question was me being stupid with small images on my site.

I uploaded a huge pic as a test product, but now i have a problem, when you click to enlarge it is HUGE, how can i make it so it dont get so big.

I also have phpthumb too.

in the head section, if you have:

'imageScale' : false,

change it to:

  'imageScale' : true,

spooks · November 2, 2009

Similar problem as Kinnikinnibear...

Take a popup of 200 px square;

FF - perfect

IE - width is 163px, height is 123px

Safari - perfect

Google Chrome - perfect

have tried setting 'centeronscroll': false, and 'imageScale': false,

thanks in advance

Hmmm, yes a litttle issue I'll try & find the cause , in the meantime there is a partial solution, I suspect your doctype is

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" >

changing to:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

removes the problem!!

mursilka · November 9, 2009

Hello!

Sorry my english its not good.

Can you help me.

I have installed this conti 3_Sizes_of_product_imag. Large images will not be opened with fancy.

Be opened only small.

current code from product_info.php

<?php
/*
 $Id: product_info.php,v 1.97 2003/07/01 14:34:54 hpdl Exp $

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

 Copyright (c) 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,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
//--></script>
</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 {
   $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, 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 . "'");
   $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>
         <!-- Modifikation ANFANG: MWSt und Versandkosten-Hinweis -->
  <tr>
    <td class="smallText" colspan="2" align="right" valign="top">
    <?php echo '[<i>Preis inkl. 19% MwSt. <br>zuzüglich <a href="' . tep_href_link(FILENAME_SHIPPING) . '"><u>Versand</u></a></i>]';?>
    </td>
  </tr>
  <!-- Modifikation ENDE: MWSt und Versandkosten-Hinweis -->


       </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">
<script language="javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
<?php
//BOF - Custom hack for extra images ////////////////////////////////////////
$products_extra_images_query = tep_db_query("SELECT products_extra_image, products_extra_images_id FROM " . TABLE_PRODUCTS_EXTRA_IMAGES . " WHERE products_id='" . $product_info['products_id'] . "'");
while ($extra_images = tep_db_fetch_array($products_extra_images_query)) {
?>
	<BR>
	<script language="javascript"><!--
	document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_EXTRA_IMAGES, 'peiID=' . $extra_images['products_extra_images_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $extra_images['products_extra_image'], addslashes($product_info['products_name']),SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
	//--></SCRIPT>
	<NOSCRIPT>
	<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $extra_images['products_extra_image']) . '">' . tep_image(DIR_WS_IMAGES . $extra_images['products_extra_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
	</NOSCRIPT>
<?php
}
//BOF - Custom hack for extra images ////////////////////////////////////////
?>

<?php   $ampel = $product_info['products_quantity']; 


if ($ampel < 0) {$ampel=0;}    //bei weniger als 0 Produkte also ab -1  wird der Wert auf 0 zurückgesetzt.

   switch ($ampel) {

 case 3: //Bei einer Menge von 3 Stück

     print "<br><br><b>Lieferstatus:</b><br><img border=\"0\" src=\"http://www.monster-power.de/lager_gering.gif\"><p style=\"vertical-align:center;\"><b>Nur noch wenige auf Lager.<br><img border=\"0\" src=\"http://www.monster-power.de/lagerstatus3.gif\"><br>Noch 3 Stück vorhanden.</b><br>Lieferzeit 2-3 Tage<br><br>";

     break;

 case 2: //Bei einer Menge von 2 Stück

     print "<br><br><b>Lieferstatus:</b><br><img border=\"0\" src=\"http://www.monster-power.de/lager_gering.gif\"><br style=\"vertical-align:center;\"><b>Nur noch wenige auf Lager.<br><br><img border=\"0\" src=\"http://www.monster-power.de/lagerstatus2.gif\"><br>Noch 2 Stück vorhanden. </b> <br>Lieferzeit 2-3 Tage<br><br>";

     break;

     case 1: //Bei einer Menge von 1Stück

     print "<br><br><b>Lieferstatus:</b><br><img border=\"0\" src=\"http://www.monster-power.de/lager_gering.gif\"><br style=\"vertical-align:center;\"><b>Nur noch wenige auf Lager.<br><br><img border=\"0\" src=\"http://www.monster-power.de/lagerstatus1.gif\"><br>Noch 1 Stück vorhanden. </b> <br>Lieferzeit 2-3 Tage<br><br>";
     break;

 case 0: //Bei einer Menge von 0 Stück

     print "<br><br><b>Lieferstatus:</b><br><img border=\"0\" src=\"http://www.monster-power.de/lager_rot.gif\"><br style=\"vertical-align:center;\"><b>Auf Bestellung!!</b><br><br> Lieferzeit ca.<br>3-4 Woche<br><br>";

     break;

 default: print "<br><br><b>Lieferstatus:</b><br><img border=\"0\" src=\"http://www.monster-power.de/lager_grun.gif\"><br style=\"vertical-align:center;\"><b>Sofort lieferbar</b><br> 2-3 Tage<br><br>";//Der Defaultwert wird angezeigt wenn eine größere Menge als 3 Produkte vorhanden sind.
}?>
             </td>
           </tr>
         </table>
<?php
   }
?>
         <p><?php echo stripslashes($product_info['products_description']); ?></p>
<?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 . " where products_id = '" . (int)$HTTP_GET_VARS['products_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>
               <!-- Wish List 2.3 Start -->
              <td align="center" class="main"><?php echo tep_draw_hidden_field('wishlist_action', 'add_wishlist') . tep_image_submit('button_wishlist.gif', IMAGE_BUTTON_ADD_WISHLIST, 'onClick="document.cart_quantity.action=\''. tep_href_link(FILENAME_WISHLIST, tep_get_all_get_params(array('action')) . 'action=add_wishlist') . '\';document.cart_quantity.submit();"'); ?></td>
              <!-- Wish List 2.3 End   -->
<!-- Start JLG Disable Buy Now and Shopping Cart -->
<?php
       $nononline_items = array();
       $sql = "SELECT products_id FROM products WHERE disable_addtobasket='Y'";
       $result = mysql_query($sql);
       while($id = mysql_fetch_array($result,MYSQL_ASSOC)){
               array_push($nononline_items,$id['products_id']);
       }

      if (!in_array($product_info['products_id'],$nononline_items)){
            echo ("   <td class=\"main\" align=\"right\">". tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART));
      }
      else {
       echo (" <td class=\"main\" align=\"right\">".NON_ONLINE_ITEM);
      }        
      ?></td>
<!-- End JLG Disable Buy Now and Shopping Cart -->

               <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'); ?>

Thanks!

jhicks · November 25, 2009

So, I used V.1 because i didn't want scrolling pics. But i relized that with v1 it doesn't have the caption of item name at the bottom. So is there anyway to use v1.1 and disable the scrolling? Or add the caption to v1? Thanks

spooks · November 25, 2009

So, I used V.1 because i didn't want scrolling pics. But i relized that with v1 it doesn't have the caption of item name at the bottom. So is there anyway to use v1.1 and disable the scrolling? Or add the caption to v1? Thanks

To add the caption just add the 'title' tag to the image element, as it appears in v1.1

jhicks · November 25, 2009

Can you clarify on this a little more? I'm not that knowledgable with coding.

If you can just let me know what exactly i need to add.

Btw, Thanks for this contribution. Does the job well.

Edited November 25, 2009 by jhicks

spooks · November 25, 2009

Can you clarify on this a little more? I'm not that knowledgable with coding.

If you can just let me know what exactly i need to add.

Btw, Thanks for this contribution. Does the job well.

Try replacing files with equivalent ones from the latest distrib, or use Upgrading osC from 2.2 MS2 to 2.2 RC2a http://addons.oscommerce.com/info/6654

Remember to backup first!!

December 3, 2009

Hello everyone.

I have just installed Fancy Pics. It works, but i have some issues.

If you look at this product:

http://www.modepiger.dk/flot-kjole-p-81.html

and try click the image. Well it popups fine, but you are now enable to switch between the images from the additional products.

Is it possible to solve this problem ?

Thank you in advance.

December 3, 2009

Hello everyone.

I have just installed Fancy Pics. It works, but i have some issues.

If you look at this product:

http://www.modepiger.dk/flot-kjole-p-81.html

and try click the image. Well it popups fine, but you are now enable to switch between the images from the additional products.

Is it possible to solve this problem ?

Thank you in advance.

hello,

i solved the problem myself.

i just needed to delete this code:

reset($image_list);

while (key($image_list) !== $CurrentProduct) {

echo '<a rel="lightbox" title="' . $image_list[key($image_list)]['title'] . '" href="' . tep_href_link(DIR_WS_IMAGES . $image_list[key($image_list)]['image']) . '" target="_blank"></a>';

next($image_list); }

?>

and

<?php

next($image_list); while (key($image_list) !== null) {

echo '<a rel="lightbox" title="' . $image_list[key($image_list)]['title'] . '" href="' . tep_href_link(DIR_WS_IMAGES . $image_list[key($image_list)]['image']) . '" target="_blank"> </a>';

next($image_list); } ?>

spooks · December 3, 2009

It just ment you installed v1.1 when you wanted v1, see the docs for variations.

sunrise99 · December 17, 2009

Hi,

I find one question, after click one product image - exmaple : test , then you see the other product - test2.

when click to enlarge product test2 it still can show test product in the image slide show after next button????

Best Regards,

spooks · December 18, 2009

Hi,

I find one question, after click one product image - exmaple : test , then you see the other product - test2.

when click to enlarge product test2 it still can show test product in the image slide show after next button????

Best Regards,

currently you cannot navigate to another product via the images, that would require further development to work, I was going to look at it, but so far there's been no interest so I havent bothered.

aliyildirtan · December 21, 2009

Hi Sam,

I tried to install lightbox, fancybox, and slimbox..

they all have the same problem, whenever i clicked the image (yes i'm waiting until the whole page loads), it pops up in a new window. (firefox, ie, safari, chrome...same issue)

Kind Regards

Edited December 21, 2009 by aliyildirtan

Fancy Pics - Fancy Image Popups / Previews

Recommended Posts

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Guest

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Create an account or sign in to comment