Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Product Info Page Thumbnail images (super simple question please)


dvale

Recommended Posts

Greetings to the one who can answer this very simple question.

 

I need what to move, replace, add or create in this code to make the Small Thumbnail Images by the Product Info Page CLICKABLE ???

 

The images mouse-over nicely but if you click on them, nothing happen. I want them to bring the big picture if you click on it.

 

<?php

$pi_counter = 0;

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

$pi_counter++;

 

$pi_entry = ' <li class="wrapper_pic_div"><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" style="width:'.(PROD_INFO_IMAGE_WIDTH).'px;height:'.(PROD_INFO_IMAGE_HEIGHT).'px;">' . tep_image(DIR_WS_IMAGES . $pi['image'], '', (PROD_INFO_IMAGE_WIDTH + 2), (PROD_INFO_IMAGE_HEIGHT), ' style="width:'.(PROD_INFO_IMAGE_WIDTH).'px;height:'.(PROD_INFO_IMAGE_HEIGHT).'px;"') . '</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">

$(function(){

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

maxwidth: '',

maxheight: '',

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

thumbcontainer: 245,

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

})

});

</script>

 

<?php

} else {

// $image_width = (PROD_INFO_IMAGE_WIDTH +(262 - PROD_INFO_IMAGE_WIDTH));

?>

 

 

<?php echo '<div id="piGal" class="wrapper_pic_div border-img" style="width:'.(PROD_INFO_IMAGE_WIDTH).'px;height:'.(PROD_INFO_IMAGE_HEIGHT).'px;"><a class="prods_pic_bg" 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']), (PROD_INFO_IMAGE_WIDTH), (PROD_INFO_IMAGE_HEIGHT), ' style="width:'.(PROD_INFO_IMAGE_WIDTH).'px;height:'.(PROD_INFO_IMAGE_HEIGHT).'px;"', '', '') . '</a></div>'; ?>

 

 

<?php

}

?>

 

<script type="text/javascript">

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

cyclic: true

});

</script>

<?php

}

?>

 

 

I will be very thankful.

post-293034-0-11963900-1339164160_thumb.jpg

post-293034-0-83872800-1339164164_thumb.jpg

Link to comment
Share on other sites

in this page try to replace all the _blank in target statement

by _new

maybe due to the window names.

 

Thank you for try to help, but no, that doesn't do anything. I been trying very hard to find the way but I don't know why is so tricky.

Link to comment
Share on other sites

  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...