Click to Enlarge Text - Jqurey FancyBox

[JeffryDavidCivey]

Hi All,

 

Forgive a repeat post here but I am at my wits end on this one.

 

I have a complete installed oscommerce latest version. We have the items loaded and when you click an image it will enlarge.

 

See Here: See Here

 

The Click here to enlarge text, however, does not show. I have tried many ways, but cannot get it to work.

 

In my english/productinfo.php it is defined.

 

<?php

/*

$Id$

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2002 osCommerce

 

Released under the GNU General Public License

*/

 

define('TEXT_PRODUCT_NOT_FOUND', 'Product not found!');

define('TEXT_CURRENT_REVIEWS', 'Current Reviews:');

define('TEXT_MORE_INFORMATION', 'For more information, please visit this products <a href="%s" target="_blank"><u>webpage</u></a>.');

define('TEXT_DATE_ADDED', 'This product was added to our catalog on %s.');

define('TEXT_DATE_AVAILABLE', '<font color="#ff0000">This product will be in stock on %s.</font>');

define('TEXT_ALSO_PURCHASED_PRODUCTS', 'Customers who bought this product also purchased');

define('TEXT_PRODUCT_OPTIONS', 'Available Options:');

define('TEXT_CLICK_TO_ENLARGE', 'Click to enlarge');

?>

 

But there is no mention in the root product info.php

 

<?php

/*

$Id$

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2010 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);

 

require(DIR_WS_INCLUDES . 'template_top.php');

 

if ($product_check['total'] < 1) {

?>

 

<div class="contentContainer">

<div class="contentText">

<?php echo TEXT_PRODUCT_NOT_FOUND; ?>

</div>

 

<div style="float: right;">

<?php echo tep_draw_button(IMAGE_BUTTON_CONTINUE, 'triangle-1-e', tep_href_link(FILENAME_DEFAULT)); ?>

</div>

</div>

 

<?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 = '<del>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</del> <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'];

}

?>

 

<?php echo tep_draw_form('cart_quantity', tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=add_product')); ?>

 

<div>

<h1 style="float: right;"><?php echo $products_price; ?></h1>

<h1><?php echo $products_name; ?></h1>

</div>

 

<div class="contentContainer">

<div class="contentText">

 

<?php

if (tep_not_null($product_info['products_image'])) {

$pi_query = tep_db_query("select image, htmlcontent from " . TABLE_PRODUCTS_IMAGES . " where products_id = '" . (int)$product_info['products_id'] . "' order by sort_order");

 

if (tep_db_num_rows($pi_query) > 0) {

?>

 

<div id="piGal" style="float: right;">

<ul>

 

<?php

$pi_counter = 0;

while ($pi = tep_db_fetch_array($pi_query)) {

$pi_counter++;

 

$pi_entry = ' <li><a href="';

 

if (tep_not_null($pi['htmlcontent'])) {

$pi_entry .= '#piGalimg_' . $pi_counter;

} else {

$pi_entry .= tep_href_link(DIR_WS_IMAGES . $pi['image']);

}

 

$pi_entry .= '" target="_blank" rel="fancybox">' . tep_image(DIR_WS_IMAGES . $pi['image']) . '</a>';

 

if (tep_not_null($pi['htmlcontent'])) {

$pi_entry .= '<div style="display: none;"><div id="piGalimg_' . $pi_counter . '">' . $pi['htmlcontent'] . '</div></div>';

}

 

$pi_entry .= '</li>';

 

echo $pi_entry;

}

?>

 

</ul>

</div>

 

<script type="text/javascript">

$('#piGal ul').bxGallery({

maxwidth: 300,

maxheight: 200,

thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,

thumbcontainer: 300,

load_image: 'ext/jquery/bxGallery/spinner.gif'

});

</script>

 

<?php

} else {

?>

 

<div id="piGal" style="float: right;">

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank" rel="fancybox">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), null, null, 'hspace="5" vspace="5"') . '</a>'; ?>

</div>

<?php

}

?>

 

<script type="text/javascript">

$("#piGal a[rel^=fancybox]").fancybox({

cyclic: true

});

</script>

 

<?php

}

?>

 

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

 

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

?>

 

<p><?php echo TEXT_PRODUCT_OPTIONS; ?></p>

 

<p>

<?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 (is_string($HTTP_GET_VARS['products_id']) && 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;

}

?>

<strong><?php echo $products_options_name['products_options_name'] . ':'; ?></strong><br /><?php echo tep_draw_pull_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute); ?><br />

<?php

}

?>

</p>

 

<?php

}

?>

 

<div style="clear: both;"></div>

 

<?php

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

?>

 

<p style="text-align: center;"><?php echo sprintf(TEXT_DATE_AVAILABLE, tep_date_long($product_info['products_date_available'])); ?></p>

 

<?php

}

?>

 

</div>

 

<?php

$reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and reviews_status = 1");

$reviews = tep_db_fetch_array($reviews_query);

?>

 

<div class="buttonSet">

<span class="buttonAction"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_draw_button(IMAGE_BUTTON_IN_CART, 'cart', null, 'primary'); ?></span>

 

<?php echo tep_draw_button(IMAGE_BUTTON_REVIEWS . (($reviews['count'] > 0) ? ' (' . $reviews['count'] . ')' : ''), 'comment', tep_href_link(FILENAME_PRODUCT_REVIEWS, tep_get_all_get_params())); ?>

</div>

 

<?php

if ((USE_CACHE == 'true') && empty($SID)) {

echo tep_cache_also_purchased(3600);

} else {

include(DIR_WS_MODULES . FILENAME_ALSO_PURCHASED_PRODUCTS);

}

?>

 

</div>

 

</form>

 

<?php

}

 

require(DIR_WS_INCLUDES . 'template_bottom.php');

require(DIR_WS_INCLUDES . 'application_bottom.php');

?>

 

If anyone can aid in my task it will certainly be met with great appreciation.

 

Kind Regards,

Jeffry

[dewarsco2]

I had the same problem. I just hard coded it in product_info.php Just to let my customers know to click it.

This is based on osc 2.3.1

Goto catalog/product_info.php

Find around line 190

 

 

<?php

$reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and reviews_status = 1");

$reviews = tep_db_fetch_array($reviews_query);

?>

 

Under that paste this

 

 

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

<tr>

<td><h2 align="right">Click Image<br>to ENLARGE</h2></td>

</tr>

</table>

 

 

That's it all done.

If the letters are to large try changing the <h2> tags to <h3> or just remove the tags. or whatever you want in your stylesheet.css

[dewarsco2]

.

Edited September 10, 2011 by dewarsco2

[KomplikatedOne]

it was fairly straight forward to get a mouseover to show "click to enlarge"

 

just alter the following code in product_info.php

 

$pi_entry .= '" target="_blank" rel="fancybox" >' . tep_image(DIR_WS_IMAGES . $pi['image']) . '</a>';

 

and change it to

 

$pi_entry .= '" target="_blank" rel="fancybox" title="Click to Enlarge">' . tep_image(DIR_WS_IMAGES . $pi['image']) . '</a>';

 

the problem i am having at moment is that once image is loaded it shows a caption undernneath it that says "click to enlarge"

currently working on removing this, or at least tricking it to be blank

[KomplikatedOne]

ok cracked that aswell

 

withing /ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js

 

search for

 

 
titleShow:true

 

and change to

 

 
titleShow:false

[femalegreenuser]

Yay it works. Thanks KomplkatedOne!

[yohan_kib]

hi,

it didn't work for me. I am having same problem. all images are shown large on products info page. when when clicking them to enlarge it opens ugly new window. i have managed to go to /ext/jquery/fancybox/jquery.fancybox-1.3.4.pack.js and change titleShow:true to titleShow:false. but no change :( plz help :(

 

i am using osCommerce Online Merchant v2.3.3

Edited January 5, 2013 by yohan_kib