I was wondering if anyone knows how to get lightbox to work on the browse page rather than just the product details page?
this is what my browse_1 page looks like right now:
| Code: : |
<div class="browseProductContainer">
<h3 class="browseProductTitle">
<a href="<?php echo $product_flypage?>" title="<?php echo $product_name;?>"> <?php echo $product_name; ?> </a>
</h3>
<div class="browseProductDescription">
<?php echo $product_s_desc; ?><br />
<a href="<?php echo $product_flypage; ?>" title="<?php echo $product_details; ?>">
<?php echo $product_details; ?>...
</a>
</div>
<div class="browseProductImageContainer" style="width: 150px;">
<script type="text/javascript">
//<![CDATA[
document.write('<a href="javascript:void window.open(\'<?php echo $product_full_image ?>\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=<?php echo $full_image_width ?>,height=<?php echo
$full_image_height ?>,directories=no,location=no\');">');
document.write( '<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?></a>' );
//]]>
</script>
<noscript>
<a href="<?php echo $product_full_image ?>" rel="lightbox[]" title="<?php echo $product_name ?>" />
<img src="<?php echo $product_thumb_image?>" border="0" title="<?php echo $product_name ?>" alt="<?php echo $product_name ?>" />
</a>
</noscript>
</div>
<div class="browsePriceContainer" style="width: auto;">
<?php echo $product_price; ?>
</div>
<div class="browseAddToCartContainer" style="width: auto;"
<?php echo $form_addtocart; ?>
</div>
<div class="browseRatingContainer" style="width: auto;"
<?php echo $product_rating; ?>
</div>
</div>
|