Jump to content


Corporate Sponsors


Latest News: (loading..)

* * * * * 8 votes

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


957 replies to this topic

#941 offie

  • Community Member
  • 200 posts
  • Real Name:Michael
  • Gender:Male
  • Location:Lancashire, England

Posted 01 September 2011, 13:48

Hi all. I am having a slight problem with the install for this contribution.

In the product_info.php section I have done all the necessary changes apart from the final section. this is where we are asked to:

Find (124):
 
 
		  <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>
			  </td>
			</tr>
		  </table>


I have located the correct area due to the text_click_to_enlarge code but my product_info.php file is slightly different.

The code I have is as follows:

<div class="main prod_info" style="width:<?php echo (SMALL_IMAGE_WIDTH +23);?>px;">
 
<?php echo tep_draw_prod_pic_top();?><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, '') . '</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, '') .  '</a>'; ?></noscript><?php echo tep_draw_prod_pic_bottom();?>
 
<script language="javascript"><!--
document.write('<?php echo '<a class="enlarge" href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a class="enlarge" href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' .  TEXT_CLICK_TO_ENLARGE . '</a>'; ?></noscript>
 
</div>   

I have tried to change various parts of this but to no avail, can anyone brighter than me work out what I need to do?

Thanks for any help wht-so-ever

Michael

#942 leacher

  • Community Member
  • 9 posts
  • Real Name:Leacher

Posted 05 September 2011, 13:01

I have installed it works in frontend like lightbox is working fine but when i clicked Categories/Products in backend nothing happens,i mean the left menu and footer remain there but canter is blank,i have started a thread before coming here, i also posted code there so have a look and guide me fix it http://forums.oscommerce.com/topic/379349-blank-admincatgoriesphp/

anyways this is a great addon.

#943 sahilsaid

  • Community Member
  • 101 posts
  • Real Name:sahil
  • Gender:Male

Posted 08 September 2011, 20:32

HI all, Google product search has a new requirement now for the additional image link. I do not understand where the additional image link for the product is stored. I need to know where in the database I can find the additional image link? If someone can please help then it would be great.

#944 Tidbeck

  • Community Member
  • 36 posts
  • Real Name:Tidbeck
  • Gender:Female

Posted 28 September 2011, 12:13

Hi,
Desperate for help as I now have attempted to install this add on over 3 times...
I run on osc Rc2.2a.
I can create a new product and add the fancy images and it shows them correct but as soon as I try and go and edit something in admin I get the following errors:




Warning: reset() [function.reset]: Passed variable is not an array or object in /home2/myownart/public_html/admin/includes/classes/object_info.php on line 17

Warning: Variable passed to each() is not an array or object in /home2/myownart/public_html/admin/includes/classes/object_info.php on line 18

For all the existing products already in there the show on the web but in admin is saying IMAGE DOES NOT EXIST.
It is as if the recalling from the database to admin in not working.

Please please help...
Elin

#945 DunWeb

  • Community Sponsor
  • 9,464 posts
  • Real Name:Chris Dunn
  • Gender:Male
  • Location:Tecumseh, Ontario, Canada N8N 1X8

Posted 28 September 2011, 14:45

View Postoffie, on 01 September 2011, 13:48, said:

Hi all. I am having a slight problem with the install for this contribution.

In the product_info.php section I have done all the necessary changes apart from the final section. this is where we are asked to:

Find (124):
 
 
		  <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>
			  </td>
			</tr>
		  </table>


I have located the correct area due to the text_click_to_enlarge code but my product_info.php file is slightly different.

The code I have is as follows:

<div class="main prod_info" style="width:<?php echo (SMALL_IMAGE_WIDTH +23);?>px;">
 
<?php echo tep_draw_prod_pic_top();?><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, '') . '</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, '') .  '</a>'; ?></noscript><?php echo tep_draw_prod_pic_bottom();?>
 
<script language="javascript"><!--
document.write('<?php echo '<a class="enlarge" href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a class="enlarge" href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' .  TEXT_CLICK_TO_ENLARGE . '</a>'; ?></noscript>
 
</div>   

I have tried to change various parts of this but to no avail, can anyone brighter than me work out what I need to do?

Thanks for any help wht-so-ever

Michael


Michael,

The important replacement is the <script> so leave your divs in place and just replace the script.


Remember this add on only functions with RC2a, not 2.3.1



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

:|: Check my About Me page for information about Support Plans, Templates, Custom Add Ons and Professional osCommerce Security Services :|:

#946 Tidbeck

  • Community Member
  • 36 posts
  • Real Name:Tidbeck
  • Gender:Female

Posted 28 September 2011, 22:01

In regards to my post above #944 about errors in admin after installing this contribution. The error was somewhere in the admin/categories.php file. Might have been a conflict with another gift code add-on i had because once I used the php file from the contribution without manual edits it worked fine. Now i just need to figure out how to get the gift code to work again... there is always something

#947 DunWeb

  • Community Sponsor
  • 9,464 posts
  • Real Name:Chris Dunn
  • Gender:Male
  • Location:Tecumseh, Ontario, Canada N8N 1X8

Posted 29 September 2011, 00:08

Elin,

Use a file comparison program to see which code you will need to integrate into your working model.




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

:|: Check my About Me page for information about Support Plans, Templates, Custom Add Ons and Professional osCommerce Security Services :|:

#948 makeholer

  • Community Member
  • 54 posts
  • Real Name:Marco Castellari

Posted 20 October 2011, 15:07

Hello guys,

It works perfectly, just having a little problem, it works on all browsers, safari, google, ie 8, firefox, the only exception is ie 9, it just dont show the images on IE 9, can u give me a little help?

this is the site : http://www.babucha.c...products_id=207

Thx.

Edited by makeholer, 20 October 2011, 15:07.


#949 Babiesrawk.com

  • Community Member
  • 8 posts
  • Real Name:ray
  • Gender:Male

Posted 23 November 2011, 06:56

Ok this may be a stupid question, i got this installed, it seems to be working, had a SEO mod onthere that conflicted, got that fixed...but i'm not getting a pop pic box? when you click the additional pics on the product info page, they just open in a new window...did i miss something? is there something in reguards to fancy box that needs to de done/installed?

#950 DunWeb

  • Community Sponsor
  • 9,464 posts
  • Real Name:Chris Dunn
  • Gender:Male
  • Location:Tecumseh, Ontario, Canada N8N 1X8

Posted 23 November 2011, 07:07

View PostBabiesrawk.com, on 23 November 2011, 06:56, said:

Ok this may be a stupid question, i got this installed, it seems to be working, had a SEO mod onthere that conflicted, got that fixed...but i'm not getting a pop pic box? when you click the additional pics on the product info page, they just open in a new window...did i miss something? is there something in reguards to fancy box that needs to de done/installed?


Yes, you have a jquery conflict on the product_info.php page.


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

:|: Check my About Me page for information about Support Plans, Templates, Custom Add Ons and Professional osCommerce Security Services :|:

#951 Babiesrawk.com

  • Community Member
  • 8 posts
  • Real Name:ray
  • Gender:Male

Posted 23 November 2011, 07:19

Is the fancybox something i need to install into my server, or does it get referenced to another source outside my site? Just confused on this jquery stuff...

#952 Babiesrawk.com

  • Community Member
  • 8 posts
  • Real Name:ray
  • Gender:Male

Posted 23 November 2011, 07:22

I was looking at the product info page code and i see js/fancybox.css is being referenced...i know i haven't installed any css files with this add on.

#953 Babiesrawk.com

  • Community Member
  • 8 posts
  • Real Name:ray
  • Gender:Male

Posted 23 November 2011, 07:23

<?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.
$product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, p.products_image_array, 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);
$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 HTML 4.01 Transitional//EN">
"http://www.w3.org/TR/html4/loose.dtd">

<html <?php echo HTML_PARAMS; ?>>
<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>
<!-- 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>
<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="0" cellpadding="0">
<tr>
<td class="col_left">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</td>
<!-- body_text //-->
<td width="100%" class="col_center"><?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
// Simple multi image addon
if (!tep_db_num_rows($product_info_query)) {
// EOF Simple multi image addon

?>
<tr><td>
<? tep_draw_heading_top(); ?>

<?php echo tep_draw_title_top();?>

<?php echo TEXT_PRODUCT_NOT_FOUND;?>

<?php echo tep_draw_title_bottom();?>

<? tep_draw_heading_top_1(); ?>



<!--
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td>
-->
<br style="line-height:1px;"><br style="line-height:12px;">

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


<? tep_draw_heading_bottom_1(); ?>

<? tep_draw_heading_bottom(); ?>

<?php
} else {
// Simple multi image addon section moved

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'];
}

//DISPLAY PRODUCT WAS ADDED TO WISHLIST IF WISHLIST REDIRECT IS ENABLED
if(tep_session_is_registered('wishlist_id')) {
?>
<tr>
<td class="messageStackSuccess"><?php echo PRODUCT_ADDED_TO_WISHLIST; ?></td>
</tr>
<?php
tep_session_unregister('wishlist_id');
}
//DISPLAY PRODUCT WAS ADDED TO WISHLIST IF WISHLIST REDIRECT IS ENABLED
?>
<tr>
<td>

<? tep_draw_heading_top(); ?>

<?php echo tep_draw_title_top();?>

<?php echo $breadcrumb->trail(' » ')?>

<?php echo tep_draw_title_bottom();?>


<? tep_draw_heading_top_1(); ?>
<? tep_draw_heading_top_2(); ?>


<?php
if (tep_not_null($product_info['products_image'])) {
?>
<table cellspacing="0" cellpadding="0" border="0" class="product">
<tr><td>
<table cellspacing="0" cellpadding="0" border="0">
<tr><td height="100%">
<table cellpadding="0" cellspacing="0" border="0" align="left" class="prod_info" style="border-right:13px solid #ffffff;border-left:0px solid #ffffff;">
<tr><td class="pic" align="center"> <br style="line-height:1px;"><br style="line-height:9px;">

<?php /* echo tep_draw_prod_top(); */?>

<!-- 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('&amp;','&',$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('&amp;','&',$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('&amp;','&',$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>'; } ?>



</table>
</div>
<!-- EOF Simple multi image addon -->


<?php /* echo tep_draw_prod_bottom(); */?>

</td></tr>
<tr><td align="center">
<script language="javascript"><!--
document.write('<?php echo '<div><a href="javascript:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . TEXT_CLICK_TO_ENLARGE . '</a></div>'; ?>');
//--></script>
<noscript>
<?php echo '<div><a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank"><br style="line-height:7px">' . TEXT_CLICK_TO_ENLARGE . '</a></div>'; ?>
</noscript>
</td></tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr><td style="vertical-align:middle; height:28px;"><em><?php echo $products_name; ?></em></td></tr>
</table>

<div class="padd3"><?php echo stripslashes($product_info['products_description']); ?>
<br><br style="line-height:11px"><span class="productSpecialPrice"><?=$products_price?></span></div>

</td></tr>

</table>
</td>
</tr>
</table>
<?php
}
?>
<? tep_draw_heading_bottom_2();?>
<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr><td height="5"></td></tr>
<tr><td height="1" class="bg_gg"><?php echo tep_draw_separator('spacer.gif', '1', '1'); ?></td></tr>
<tr><td height="5"></td></tr>
</table>
<? tep_draw_heading_top_2();?>

<?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 cellpadding="0" cellspacing="0" class="box_width_cont product">
<tr><td height="25" colspan="2"><strong><?php echo TEXT_PRODUCT_OPTIONS; ?></strong></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>
<tr><td height="10" colspan="2"></td></tr>
<?php
}
?>
</table>
<?php
}
?>

<?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) {
?>
<table cellpadding="0" cellspacing="0" class="product box_width_cont">
<tr><td class="line_h"><?php echo TEXT_CURRENT_REVIEWS . ' ' . $reviews['count']; ?></td></tr>
<tr><td height="17"></td></tr>
</table>
<?php
}

if (tep_not_null($product_info['products_url'])) {
?>
<table cellpadding="0" cellspacing="0" class="product box_width_cont">
<tr><td class="line_h"><?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 height="17"></td></tr>
</table>

<?php
}

if ($product_info['products_date_available'] > date('Y-m-d H:i:s')) {
?>

<table cellpadding="0" cellspacing="0" class="product box_width_cont">
<tr><td class="line_h"><?php echo sprintf(TEXT_DATE_AVAILABLE, tep_date_long($product_info['products_date_available'])); ?></td></tr>
<tr><td height="17"></td></tr>
</table>
<?php
} else {
?>
<table cellpadding="0" cellspacing="0" class="product box_width_cont">
<tr><td class="line_h"><?php echo sprintf(TEXT_DATE_ADDED, tep_date_long($product_info['products_date_added'])); ?></td></tr>
<tr><td height="17"></td></tr>
</table>
<?php
}
?>
<!--
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents"><td>
-->
<table border="0" width="100%" cellspacing="0" cellpadding="0" class="product box_width_cont">
<tr>
<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>'; ?><?php echo tep_draw_separator('spacer.gif', '15', '1'); ?><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_add_to_cart1.gif', IMAGE_BUTTON_IN_CART); ?></td>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#appId=148264545267953&xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="www.babiesrawk.com" data-send="true" data-width="450" data-show-faces="true"></div>
<td align="center"><?php echo tep_image_submit('button_wishlist.gif', 'Add to Wishlist', 'name="wishlist" value="wishlist"'); ?></td>

</tr>
</table><br style="line-height:1px;"><br style="line-height:10px;">
<!--
</td></tr>
</table>

-->
<? tep_draw_heading_bottom_2();?>

<? tep_draw_heading_bottom_1(); ?>

<?php tep_draw_heading_bottom();?>

<?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 class="col_right">
<!-- right_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_right.php'); ?>
<!-- right_navigation_eof //-->
</td>
</tr>
</table>
<!-- body_eof //-->

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

#954 cnycutz

  • Community Member
  • 1 posts
  • Real Name:Andrei

Posted 26 November 2011, 12:57

Hello guys.I am trying to install this contribution on my oscommerce modifed store.Unfortunately i can't manage to understand how because i have already installed the Show Soldout contribution http://www.oscommerce.com/community/contributions,4884 and it has modified my product_info.php file.So i can't follow the steps included in the tutorial.
Could anyone help me please?Thank you very much in advance

#955 marbles1704

  • Community Member
  • 5 posts
  • Real Name:marbles

Posted 02 December 2011, 08:26

Hello,
This is nice tool but i have a problem .. when i click on product something goes wrong .. please help me

my page is
http://magazin.trailbike.ro/product_info.php?products_id=113


#956 marbles1704

  • Community Member
  • 5 posts
  • Real Name:marbles

Posted 13 December 2011, 18:46

no more support 4 this tool? :(

#957 geomilli

  • Community Member
  • 14 posts
  • Real Name:George Milligan

Posted 07 February 2012, 00:46

View Postmakeholer, on 20 October 2011, 15:07, said:

Hello guys,

It works perfectly, just having a little problem, it works on all browsers, safari, google, ie 8, firefox, the only exception is ie 9, it just dont show the images on IE 9, can u give me a little help?

this is the site : http://www.babucha.c...products_id=207

Thx.

Makeholer,

You posted a while ago, but I had the same problem with this contribution and IE9. You can fix your problem instantly by taking out the meta tag, this I believe is what is blocking the image from view. Emulate IE7? A little late, so let's move forward!

<!-- Simple multi image addon
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EOF Simple multi image addon -->

An IE 9 conditional fix:
<!--[if IE]> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <![endif]-->
<!--[if !IE]> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!--<![endif]-->

The "if" statement will use the strict rules for IE rather than loose, however that may not solve all your problems it could just create more. I was having a problem with spacing and the images for Simple Multi Image Add-on were not going from one to the other when multiples needed to be displayed. This hack works but there can be formatting issues all over the place and transitional changes from one browser to another bad enough. Keeping it "loose" on everything levels the playing field and sets a constant for all browsers.

Remove all that and let's try it again or if you haven't done anything forget about it and do this:

Update the Javascript itself. I went to http://fancybox.googlecode.com/files/jquery.fancybox-1.3.4.zip and got the latest js from them. I added the new items into my osCommerce folders (see code below) and had made some modifications to the script settings.

<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>/fancybox/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="<?php echo DIR_WS_IMAGES ?>/fancybox/jquery.easing-1.3.pack.js"></script>
<link rel="stylesheet" href="<?php echo DIR_WS_IMAGES ?>/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'  : '<?php echo (FBEFFECT); ?>',
				'transitionOut' : '<?php echo (FBEFFECT); ?>',
				'easingIn' : '<?php echo (FBSWING1); ?>',
	'easingOut' : '<?php echo (FBSWING2); ?>',
				'speedIn'			   :	   600,
				'speedOut'			  :	   400,
	'overlayShow':  <?php echo (DIM_BACKGROUND); ?>,
				'overlayOpacity' : <?php echo (BKG_LUMA/10); ?>, //Opacity of the overlay (from 0 to 1; default - 0.3)
	'overlayColor': '#666', //Color of the overlay
	'titleShow': true,
	'titlePosition' : 'outside',
				'changeSpeed': 300,
				'changeFade': 'fast',
				'autoScale' : true,
				'autoDimensions': true,
				'centerOnScroll': true,
				'hideOnContentClick' : true,
				'hideOnOverlayClick' : true,
				'zoomOpacity':  true,
				'opacity': true,
				'cyclic': true,
				'padding': <?php echo (FBPADDING); ?>,
				'margin': 0
  });
  });
  });
  // Code that uses other library's $ can follow here.
</script>

Now, I put the script and images in my osCommerce images directory under "fancybox." You might want to put it somewhere else, but I like things labeled accordingly. (w00t)

OK, since the upgrade I could not get certian functions to work in the original contribution. Add the contribution as the instructions are given, only add these to your database using PHPmyAdmin below.

ALTER TABLE `products` ADD `products_image_array` blob;
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 ('Fancybox 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 ('Fancybox 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 ('Fancybox Effect', 'FBEFFECT', 'elastic', 'The transition type. Can be set to Elastic, Fade or None.', 4, 26, NULL, now(), '', 'tep_cfg_select_option(array(\'elastic\', \'fade\',\'none\'),');
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 ('Fancybox Padding', 'FBPADDING', '10', 'Space between FancyBox wrapper and content.', 4, 27, 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 ('Fancybox Swing In', 'FBSWING1', 'swing', 'Easing used for elastic animations or bouncing effect when image comes in.  The Swing option is direct to the screen.', 4, 28, NULL, now(), '', 'tep_cfg_select_option(array(\'swing\', \'easeOutBack\'),');
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 ('Fancybox Swing Out', 'FBSWING2', 'swing', 'Easing used for elastic animations or bouncing effect when image goes out.  The Swing option is direct to the screen.', 4, 29, NULL, now(), '', 'tep_cfg_select_option(array(\'swing\', \'easeInBack\'),');

That will give you everything and more. I wanted to be able to adjust certian parameters via the admin and fixed some that were not up to speed after the update.

WIth luck your admin -> config -> images should have the options shown in my attached images. :thumbsup:

With any luck I will have this site up and running for you to try it out: http://comicunderground.net/catalog

Attached Files



#958 geomilli

  • Community Member
  • 14 posts
  • Real Name:George Milligan

Posted 07 February 2012, 01:35

Here's an addition to be Inserted into your SQL:

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 ('Fancybox Title Position', 'FBTITLE_POSITION', 'outside', 'The position of title. Can be set to Outside, Inside or Over.', 4, 32, NULL, now(), '', 'tep_cfg_select_option(array(\'outside\', \'inside\', \'over\'),');

And in the script settings replace:
'titlePosition' : 'outside', with 'titlePosition' : '<?php echo (FBTITLE_POSITION); ?>',

That will now give you control on where the text will be displayed. :thumbsup: