Jump to content
dev osCommerce
Forum
  • Checkout
  • Login
  • Contact Us
  • Get in touch

osCommerce

The e-commerce.

New Demo
Our Partners

Light box Hack for More Pics

pbpools

By pbpools
in General Add-Ons Support

 Share

Recommended Posts

pbpools

pbpools

Posted
Posted

After about 5 hours this is what I have come up this! YOU NEED TO BACK UP BACK UP

I downloaded latests lightbox version also. I am sure the code could be cleaned up but It is working on my site so far.

 

 

DEMO

 

1, for popup_image1, popup_image2, popup_image3, popup_image4, popup_image5, popup_image6 add this 

<script type="text/javascript" src="lightbox.js"></script>

 

2, for the product_info.php

 

find this:

 

find this:
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE1, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage1'], 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_subimage1']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage1'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>


<?php
   }
?>

<?php
   if (tep_not_null($product_info['products_subimage2'])) {
?>

             <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE2, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage2'], 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_subimage2']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage2'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage3'])) {
?>

             <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE3, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage3'], 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_subimage2']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage2'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>
           </tr>

<?php
   }
?>

<?php
   if (tep_not_null($product_info['products_subimage4'])) {
?>
           <tr>
             <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE4, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage4'], 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_subimage4']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage4'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage5'])) {
?>

             <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE5, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage5'], 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_subimage5']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage5'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage6'])) {
?>

             <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE6, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage6'], 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_subimage6']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage6'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>

 

Replace with this:

<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage1']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage1'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage1']) . '" 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>


<?php
   }
?>

<?php
   if (tep_not_null($product_info['products_subimage2'])) {
?>

             <td align="left" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage2']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage2'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage2']) . '" target="blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image2'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage3'])) {
?>

             <td align="left" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage3']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage3'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage3']) . '" target="blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image3'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>
           </tr>

<?php
   }
?>

<?php
   if (tep_not_null($product_info['products_subimage4'])) {
?>
           <tr>
             <td align="left" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage4']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage4'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage4']) . '" target="blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image4'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage5'])) {
?>

             <td align="left" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage5']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage5'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage5']) . '" target="blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image5'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>
             </td>

<?php
   }
?>
<?php
   if (tep_not_null($product_info['products_subimage6'])) {
?>

             <td align="left" class="smallText">
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage6']) . '" rel="lightbox[roadtrip]image #2">' . tep_image(DIR_WS_IMAGES . $product_info['products_subimage6'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_subimage6']) . '" target="blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image6'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>

 

 

Use at own risk. But do enjoy or modify!

  • 2 weeks later...
luckyno

luckyno

Posted
Posted

sounds interesting...

I love oscommerce and OS software! I'm not a programmer, I'm only a learning boy and a translator :) I love full contribution packages!

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...