Jump to content
spooks

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

Recommended Posts

Hello, I want to use this contrib but I'm running oscommerce 2.3.1. The product_info.php from this version is very different than the one used in this contrib. Are you planning to reconstruct it so it can be used in 2.3.1?

Share this post


Link to post
Share on other sites

Hi all

 

I just installed this on an 2.2ms2-060817 install and everything works well on the admin side as far as adding more then one image. However when going to the actual product info page I only see one image and it is not clickable to pull up the pop up, plus it did away with the price of item and add to cart button. I am using the STS template system but the Product_Info page was never touched.

 

You can view it here - http://www.bathandbodyconnection.com/product_info.php?products_id=28 I tested it in IE8 and FireFox

 

Your help would be greatly appreciated.

Edited by BBandC

Share this post


Link to post
Share on other sites

Jaccie,

 

The original contribution contributor, Spooks, has not been active on this forum for some time. With that in mind, I have begun reworking this contribution to be compatible with v2.3.1. I will post it for download in about a week and start a new support thread as well since there are some structural changes to the code.

 

 

 

Chris


:|: Was this post helpful ? Click the LIKE THIS button :|:

 

See my Profile to learn more about add ons, templates, support plans and custom coding (click here)

Share this post


Link to post
Share on other sites

Jaccie,

 

The original contribution contributor, Spooks, has not been active on this forum for some time. With that in mind, I have begun reworking this contribution to be compatible with v2.3.1. I will post it for download in about a week and start a new support thread as well since there are some structural changes to the code.

 

 

 

Chris

Any progress...? :blush:


I am who I am, unfortunately.

Share this post


Link to post
Share on other sites

Guldstrand,

 

I have recoded it, but found and was told that the handling for 2.3.1 is much better. The only only real change I made to my website was to the product_thumbs.php which corrects the image stretch problem.

 

If you would like, I can make that available.

 

 

 

Chris


:|: Was this post helpful ? Click the LIKE THIS button :|:

 

See my Profile to learn more about add ons, templates, support plans and custom coding (click here)

Share this post


Link to post
Share on other sites

Guldstrand,

 

I have recoded it, but found and was told that the handling for 2.3.1 is much better. The only only real change I made to my website was to the product_thumbs.php which corrects the image stretch problem.

 

If you would like, I can make that available.

 

 

 

Chris

No, thats fine.

I really need a simple mod that create thumbnails, automatically, when i add/upload a ordinary product image.

Any suggestions?


I am who I am, unfortunately.

Share this post


Link to post
Share on other sites

Hi,

 

don't know if this has already been mentioned, as I couldn't find it. But there is a solution for all of thoose who are using mootools and jQuery together.

 

It's pretty simple, all you have to do is edit the script in product_info.php abit(and on any other page using the jQuery).

 

Put in "jQuery.noConflict();" after the script tag, and replace the "$" with "jQuery".

 

The original script:

<!-- Simple multi image addon -->
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.fancybox.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>
<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>js/fancybox.css" type="text/css" media="screen">
<script type="text/javascript">
	$(document).ready(function() {
	$("div#fancy a").fancybox({
	'zoomSpeedIn':	800, 
	'zoomSpeedOut':	700, 
	'imageScale' : true,
	'centerOnScroll': 	true,
	'overlayShow':	<?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,
	'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,
	'zoomOpacity': 	true,
	<?php if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; ?>
	'hideOnContentClick': true,
	'hideOnOverlayClick': false

});
<?php if (DRAG_POPUP == 'true') echo '$("#fancy_outer").easydrag();'; ?>
});

</script>';

 

Change it to:

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.fancybox.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>
<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>js/fancybox.css" type="text/css" media="screen">
<script type="text/javascript">
jQuery.noConflict();
	jQuery(document).ready(function() {
	jQuery("div#fancy a").fancybox({
	'zoomSpeedIn':	800, 
	'zoomSpeedOut':	700, 
	'imageScale' : true,
	'centerOnScroll': 	true,
	'hideOnContentClick' : false,
	'overlayShow':	<?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,
	'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,
	'zoomOpacity': 	true,
	<?php if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; ?>
	'hideOnContentClick': false

});
<?php if (DRAG_POPUP == 'true') echo 'jQuery("#fancy_outer").easydrag();'; ?>
});

</script>';

 

Worked for me :D

Edited by kwarming

Share this post


Link to post
Share on other sites

Is there any way to make the pictures sit on top of the description? Now they are to the right of the text. I would also like them to be displayed bigger. If I change the setting in admin it also alters the image size of the reviews and articles in the left and right bars so my site is pulled out of proportion. Could someone help?

Share this post


Link to post
Share on other sites

Really great contribution, thanks for the hardwork and persistence that people have put in to this it is much appreciated.

 

I was baffled for an hour as it weren't working on ie8 the way it was on firefox but you have to put the ie7 compatibility line before ANYTHING. Straight after your <head> tag! Otherwise it won't work. Or if you use sts templates immdiatley after the <head> tags in those files too.

Share this post


Link to post
Share on other sites

This addon uses a really old version of fancybox which is buggy, which has since been completly rewritten since v1.2.4 which this addon uses, and it also does not work with either accordian menu even with various no conflict methods used etc and internet explorer 9.

 

The fancy box part needs updating to 1.3.4

 

 

2010/11/11 - v.1.3.4 
•Fixed - Image ratio (webkit)
2010/11/04 - v.1.3.3 
•Fixed - Dimensions of box with fixed width/height
•Fixed - Scrolling bug
•Fixed - Ajax is now working with jQuery 1.3+
2010/10/10 - v.1.3.2 
•Fixed - loading icon (IE)
•Fixed - bug of fast inline content changing
•Fixed - navigation arrows inside input and textarea elements
•Fixed - double iframe load bug
•Added - new title position "outside"
•Improved - it`s now possible to change options using "onStart" callback
•Improved - default title now can be wider than content
•Improved - mousewheel support for groups
•Improved - FancyBox now automatically adjusts height of inline content (no need for callign resizing method)
•Improved - option "centerOnScroll" disables if content exceeds size of window
2010/03/05 - v.1.3.1 
Some minor CSS and code changes
2009/02/03 - v.1.3.0 
Completely rewritten. 
2009/11/16 - v.1.2.6 
•Fixed broken "centerOnScroll" option
•+ Some minor CSS and code changes
2009/11/16 - v.1.2.6
•Fixed broken "centerOnScroll" option
•+ Some minor CSS and code changes
2009/11/03 - v.1.2.5 
•Updated position of loading icon
•Added experimental overlay fading when closing c
•Now CSS files will be named after FancyBox version to avoid caching
•+ Some minor CSS and code changes
2009/11/02 - v.1.2.4 
•Fixed bug - some versions of IE8 had JS error "not implemented"
•Fixed bug - iframes and inline content were broken on IE7
•New option - "enableEscapeButton"
•+ Some minor CSS and code changes

Share this post


Link to post
Share on other sites

I am running on 1.3.5

 

Is there someone who already has adapted it to explorer 9.0

 

Have been looking on http://www.burconsult.com/tutorials/fp2/index.html

 

Regards

 

Nick

 

This addon uses a really old version of fancybox which is buggy, which has since been completly rewritten since v1.2.4 which this addon uses, and it also does not work with either accordian menu even with various no conflict methods used etc and internet explorer 9.

 

The fancy box part needs updating to 1.3.4

 

 

2010/11/11 - v.1.3.4 
•Fixed - Image ratio (webkit)
2010/11/04 - v.1.3.3 
•Fixed - Dimensions of box with fixed width/height
•Fixed - Scrolling bug
•Fixed - Ajax is now working with jQuery 1.3+
2010/10/10 - v.1.3.2 
•Fixed - loading icon (IE)
•Fixed - bug of fast inline content changing
•Fixed - navigation arrows inside input and textarea elements
•Fixed - double iframe load bug
•Added - new title position "outside"
•Improved - it`s now possible to change options using "onStart" callback
•Improved - default title now can be wider than content
•Improved - mousewheel support for groups
•Improved - FancyBox now automatically adjusts height of inline content (no need for callign resizing method)
•Improved - option "centerOnScroll" disables if content exceeds size of window
2010/03/05 - v.1.3.1 
Some minor CSS and code changes
2009/02/03 - v.1.3.0 
Completely rewritten. 
2009/11/16 - v.1.2.6 
•Fixed broken "centerOnScroll" option
•+ Some minor CSS and code changes
2009/11/16 - v.1.2.6
•Fixed broken "centerOnScroll" option
•+ Some minor CSS and code changes
2009/11/03 - v.1.2.5 
•Updated position of loading icon
•Added experimental overlay fading when closing c
•Now CSS files will be named after FancyBox version to avoid caching
•+ Some minor CSS and code changes
2009/11/02 - v.1.2.4 
•Fixed bug - some versions of IE8 had JS error "not implemented"
•Fixed bug - iframes and inline content were broken on IE7
•New option - "enableEscapeButton"
•+ Some minor CSS and code changes

Share this post


Link to post
Share on other sites

I do not know if this is the correct place, but any help would be great.

 

I have STS and Multi-Image... FancyBox working and without errors (kinda)

 

I keep getting an error in my error_log(at the catalog level):

 

PHP Warning: reset() [<a href='function.reset'>function.reset</a>]: Passed variable is not an array or object in home/.../store/includes/modules/sts_inc/fancybox_tag.php on line 30

 

PHP Warning: Invalid argument supplied for foreach() in /home/...a/store/includes/modules/sts_inc/fancybox_tag.php on line 31

 

I have searched through the code and frankly I'm boggled...

 

thanks

taylorjes

Share this post


Link to post
Share on other sites

I am running on 1.3.5

 

Is there someone who already has adapted it to explorer 9.0

 

Have been looking on http://www.burconsult.com/tutorials/fp2/index.html

 

Regards

 

Nick

 

 

I have updated this to fancybox 1.3.4 from fancybox allbeit without the admin functionality but can easily be changed within the product info and it works fine under IE9.

 

This is what I did:

 

First download fancybox 1.3.4 from the link above...

 

Create a new directory named /js/ in the path_to_your/catalog/ and place the fancybox folder inside catalog/js/, also within the zip, place the jquery-1.4.3.min.js inside the fancy box folder too.

 

Delete the old fancybox folder within your catalog/images folder.

 

Open product_info.php and find:

 

<!-- Simple multi image addon -->
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.fancybox.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>
<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>js/fancybox.css" type="text/css" media="screen">
<script type="text/javascript">
	$(document).ready(function() {
		$("div#fancy a").fancybox({
	'zoomSpeedIn':	800, 
	'zoomSpeedOut':	700, 
	'imageScale' : true,
	'centerOnScroll': 	true,
	'hideOnContentClick' : false,
	'overlayShow':	<?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,
	'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,
	'zoomOpacity': 	true,
	<?php if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; ?>
	'hideOnContentClick': false

});
<?php if (DRAG_POPUP == 'true') echo '$("#fancy_outer").easydrag();'; ?>
});

</script>
<style type="text/css">
<?php if (SHOW_NAV == 'true') echo 'span#fancy_left_ico {left: 20px;}  span#fancy_right_ico {right: 20px;}';
				switch (POS_NAV) {
								case 'top':
								echo 'span.fancy_ico { top: 38px; }';
								break;
							case 'bottom':
								echo 'span.fancy_ico { bottom: 20px; }';
								break;
							default:
								echo 'span.fancy_ico { top: 50%; }';
								break;
								}		
								?>

</style>
<!-- EOF Simple multi image addon -->

 

 

Replace with:

 

<!-- Simple multi image addon -->
<script type="text/javascript" src="js/fancybox/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
<script type="text/javascript">
 $.noConflict();
 jQuery(document).ready(function($) {
   // Code that uses jQuery's $ can follow here.
   		$(document).ready(function() {
		$("div#fancy a").fancybox({
	'transitionIn'	:	'elastic',
	'transitionOut'	:	'elastic',
	'easingIn' : 'easeOutBack', 
   'easingOut' : 'easeInBack', 
	'speedIn'		:	600, 
	'speedOut'		:	400,
  // 'easingIn': 'swing',
	//'easingOut': 'swing', 
	'overlayShow'	:	true,
	'overlayOpacity' : 0.3, //Opacity of the overlay (from 0 to 1; default - 0.3) 
   'overlayColor': '#666', //Color of the overlay 
   'titleShow': false, 
	'changeSpeed': 300,
	'changeFade': 'fast',
	'autoScale' : true,
	'autoDimensions': true,
	'centerOnScroll': true,
	'hideOnContentClick' : true,
	'hideOnOverlayClick' : true,
	'zoomOpacity': 	true,
	'opacity': true,
	'cyclic': true,
	'padding': 0,
	'margin': 0
	//'titlePosition': 'over'

//	'overlayShow':	<?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,
//	'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,

	<?php //if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; 
   ?>


});
<?php //if (DRAG_POPUP == 'true') echo '$("#fancy_outer").easydrag();'; 
 ?>
});
 });
 // Code that uses other library's $ can follow here.


</script>
<style type="text/css">
<?php if (SHOW_NAV == 'true') echo 'span#fancy_left_ico {left: 20px;}  span#fancy_right_ico {right: 20px;}';
				switch (POS_NAV) {
								case 'top':
								echo 'span.fancy_ico { top: 38px; }';
								break;
							case 'bottom':
								echo 'span.fancy_ico { bottom: 20px; }';
								break;
							default:
								echo 'span.fancy_ico { top: 50%; }';
								break;
								}		
								?>

</style>
<!-- EOF Simple multi image addon -->

 

Thats it, it worked for me! You can also play with the parameters to change the effect, checkout the website API page for values (it dosesnt seem to have them all though like the easeInOut method etc!)

 

 

Internet Explorer 9 is really buggy though, wish I never installed it now! Just try wrapping code tags on this form round anything, they end up in random places!

Share this post


Link to post
Share on other sites

Hi,

 

I have managed to merge the contributions now myself, although it looks like I havent got it quite right just yet.

 

I have just been testing and have found that if I click on the image of a product in product_listing.php, it tries to open product_info.php I assume, but fails with the following message;

 

Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /homepages/0/d177551101/htdocs/pmashop/includes/functions/database.php on line 151

 

If I look at the code being refered to in the message it is as follows;

 

function tep_db_num_rows($db_query) {
   return mysql_num_rows($db_query);
 }

 

I would appreciate any help anyone can offer.

 

 

Ho Did you manage to get this sorted out? because I have the same problem. Would realy appreciate yours or someones help.

Share this post


Link to post
Share on other sites

Was wondering if anyone can help me. I have installed Simple Multi Image Addon and folowed all of the instructions. the were find/replace and a few image uploads as well as a js. But now when I view a product page I get this message.Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /home/www.mysite.co.uk/includes/functions/database.php on line 103. I have posted the product_info below.

 

<?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 © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

require('includes/application_top.php');

 

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

 

// Simple multi image addon

$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.

// Simple multi image addon section moved

$products_image_array = unserialize($product_info['products_image_array']);

if (!is_array($products_image_array)) $products_image_array = array();

// EOF Simple multi image addon

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html <?php echo HTML_PARAMS; ?>>

<!-- Simple multi image addon -->

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.fancybox.js"></script>

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easing.js"></script>

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>

<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>js/fancybox.css" type="text/css" media="screen">

<script type="text/javascript">

$(document).ready(function() {

$("div#fancy a").fancybox({

'zoomSpeedIn': 800,

'zoomSpeedOut': 700,

'imageScale' : true,

'centerOnScroll': true,

'hideOnContentClick' : false,

'overlayShow': <?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,

'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,

'zoomOpacity': true,

<?php if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; ?>

'hideOnContentClick': false

 

});

<?php if (DRAG_POPUP == 'true') echo '$("#fancy_outer").easydrag();'; ?>

});

 

</script>

<style type="text/css">

<?php if (SHOW_NAV == 'true') echo 'span#fancy_left_ico {left: 20px;} span#fancy_right_ico {right: 20px;}';

switch (POS_NAV) {

case 'top':

echo 'span.fancy_ico { top: 38px; }';

break;

case 'bottom':

echo 'span.fancy_ico { bottom: 20px; }';

break;

default:

echo 'span.fancy_ico { top: 50%; }';

break;

}

?>

</style>

<!-- EOF Simple multi image addon -->

<head><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<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 //-->

<table border="0" width="732" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" style="padding-bottom:3px; ">

<tr>

<td align="center">

<!-- body //-->

<table border="0" width="716" cellspacing="0" cellpadding="0">

<tr>

<td rowspan="2" width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="0">

<!-- left_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>

<!-- left_navigation_eof //-->

</table></td>

<!-- body_text //-->

<td width="100%" valign="top" style="padding:0px 5px; "><?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">

<tr>

<td><table border="0" width="100%" cellspacing="0" cellpadding="0">

<tr>

<td class="pageHeading"><?php $info_box_contents = array();

$info_box_contents[] = array('text' => HEADING_TITLE); new infoBoxHeading1($info_box_contents, true, true, false);?></td>

</tr>

</table></td>

</tr>

<tr>

<td height="399" valign="top" class="infoBox1" align="left"><table border="0" width="100%" cellspacing="3" cellpadding="0" >

 

<?php

// Simple multi image addon

if (!tep_db_num_rows($product_info_query)) {

// EOF Simple multi image addon

?>

<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>

</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'])) {

?>

<!-- Simple multi image addon -->

<div id="fancy">

<table border="0" cellspacing="0" cellpadding="2" align="right">

<tr>

<td align="center" class="smallText">

 

<?php if (strlen($product_info['products_name']) > $max_title_length) { $title = wordwrap(htmlspecialchars($product_info['products_name']), $max_title_length, '<br>');

} else { $title = htmlspecialchars($product_info['products_name']); }

$m_source = ''; $thumb = (class_exists('oscthumb') && CFG_MASTER_SWITCH == 'On'); if ($thumb) { preg_match('/"([^"]+)"/',htmlentities ( tep_image(DIR_WS_IMAGES . $product_info['products_image'],'','','','','',5), ENT_NOQUOTES), $image); $m_source=str_replace('&','&',$image[1]); }

echo '<a rel="image_group" title="'.$title.'" href="' . ($m_source ? $m_source : DIR_WS_IMAGES . $product_info['products_image']) . '" alt="' . $product_info['products_name'] . '" 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"', false, 5) . '<br /></a>';

if(!$vertical_format) { echo ''; $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; } } }

echo '</td>';

if($vertical_format) { echo '<td>'; $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"') . '<br />' . '</a>';

 

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

 

 

</tr><?php echo '<tr><td class="smallText">' . TEXT_CLICK_TO_ENLARGE . '</td></tr>'; ?>

</table>

</div>

<!-- EOF Simple multi image addon -->

<?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>

<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></td></tr>

<tr>

<td><?php new infoBoxFooter(''); ?></td>

</tr>

</table></form></td>

<!-- body_text_eof //-->

<td width="<?php echo BOX_WIDTH_RIGHT; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH_RIGHT; ?>" cellspacing="0" cellpadding="0">

<!-- right_navigation //-->

<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>

<!-- right_navigation_eof //-->

</table></td>

</tr>

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

 

 

 

 

Please please can someone help

 

Many Thanks

 

Scott

Share this post


Link to post
Share on other sites

please help me ..... install contrib and create product, save product (1 pic primary + 3 additional image), edit product show 1 pic. 3 additional image no show to product_info

thanks

Share this post


Link to post
Share on other sites

Heya guys,

 

I used the addon in my old 2.2ms2 shop and was plain satisfied with how smooth it worked. Unfortunately, we had to setup a new shop in version 2.3.1, which is roundabout great but the preinstalled multi image functionality of 2.3.1 is rather crappy. I cannot get it to do what I want.

 

So I would really like to install Simple Multi Image Addon again. Chris (DunWeb), you posted that you had already worked on a version for 2.3.1? Is there any progress or is there a new thread?

 

Thanks a lot,

Schotti

Share this post


Link to post
Share on other sites

we are using osc v 2.2RC1 and successfully installed the addon but we got this error:

 

Warning: mysql_num_rows() expects parameter 1 to be resource, null given in C:\xampp\htdocs\catalog\includes\functions\database.php on line 103

where i have to change the code.

Edited by jey

Share this post


Link to post
Share on other sites

Hello, I'm relatively new to osc and need some help with this add-on. I used all the files as-is and got everything working, except for 2 problems: 1.) I had previous/next buttons so customers could go from one product to the next without backing up to the category main page, and those disappeared. 2.) I can no longer access my catalog to edit products.

 

The error I got when I used the exact file from the download was

 

Fatal error: Call to undefined function: tep_hide_session_id() in D:\inetpub\wapellocounty.org\httpdocs\americangothic\sales\admin\categories.php on line 908

 

I then edited my original categories file with the commented add-on code, and got this error:

 

Parse error: syntax error, unexpected '}' in D:\inetpub\wapellocounty.org\httpdocs\americangothic\sales\admin\categories.php on line 683

 

No idea what either of these means or how to fix them. When I got the second error I compared the file with the previous version and found no difference near line 683. Can anyone help with this?

Share this post


Link to post
Share on other sites

Hi,

 

i would like to install this addon but i am not sure if it will work on my website.

 

I have 2 languages with special characters installed, so i use utf-8 character encoding.

 

The first line after <head> tag on my pages looks like this:

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

 

How can i combine it with your line:

 

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

 

and still dont loose functionality of my website in those 2 languages ( Serbian and Greek ).

 

Thanks

Share this post


Link to post
Share on other sites

my fancy box recently ran into problems where the left/right and close button didn't work, so i updated to the recent add-on. For some reason it still doesn't work, any reason why it shouldn't work?

 

This started when my elements were in front of the fancy box, so i changed the z-index of my site so that fancy box would lay on top and its still running into problems. Anyone knows why? you can view the problem here (http://www.whatisuprooted.com/product_info.php/products_id/48?osCsid=3gbrpnvtfl940n8cj77s6cm7g7) this is just an example, all the products are doing the same thing. Ive tried everything to fix the buttons on it but it still wont close or go next.

Share this post


Link to post
Share on other sites

Hello.

 

I would like to use multi image add on with standard window popup instead of FancyBox popup.

 

What changes should I make in product_info.php in order to support that ?

 

Thank you

Share this post


Link to post
Share on other sites

hello i have problems with 2 jquery. codes so i dont kanow if i have to opt for only one of those or if can work together.

 

in product info i have the fallowing .... superfish menu and multiple fancibox image. i tried to call only one jquery source (as the instructions mentioned) but no luck also.

 

<!-- Simple multi image addon -->
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.fancybox.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easing.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.easydrag.handler.beta2.js"></script>
<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>js/fancybox.css" type="text/css" media="screen">   
<script type="text/javascript">
       $(document).ready(function() {
           $("div#fancy a").fancybox({
       'zoomSpeedIn':    800, 
       'zoomSpeedOut':    700, 
       'imageScale' : true,
       'centerOnScroll':     true,
       'overlayShow':    <?php echo (DIM_BACKGROUND == 'true' ? 'true' : 'false'); ?>,
       'overlayOpacity': <?php echo (BKG_LUMA/10); ?>,
       'zoomOpacity':     true,
       <?php if (SWING_POPUP == 'true') echo "'easingIn' : 'easeOutBack',"; ?>
       'hideOnContentClick': true,
       'hideOnOverlayClick': false

   });
   <?php if (DRAG_POPUP == 'true') echo '$("#fancy_outer").easydrag();'; ?>
});

</script>
<style type="text/css">
<?php if (SHOW_NAV == 'true') echo 'span#fancy_left_ico {left: 20px;}  span#fancy_right_ico {right: 20px;}';
                switch (POS_NAV) {
                                case 'top':
                                   echo 'span.fancy_ico { top: 38px; }';
                                   break;
                               case 'bottom':
                                   echo 'span.fancy_ico { bottom: 20px; }';
                                   break;
                               default:
                                   echo 'span.fancy_ico { top: 50%; }';
                                   break;
                                   }        
                                   ?>

</style>
<!-- EOF Simple multi image addon -->

<link rel="stylesheet" href="css/superfish.css" /> 
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>js/jquery.js"></script>
<script type="text/javascript" src="javascript/superfish.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
$("ul.sf-menu").superfish();
});
</script>

</head>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×