Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

'click to enlarge' links to seperate image folder


pemby

Recommended Posts

Posted

Simple mod to speed up page download times.

Small pics in images folder.

'Click to enlarge' links to large pics in largeimages folder.

The image has the same filename in both files.

 

---------------------------------------------------

 

Make new folder named largeimages

 

---------------------------------------------------

 

configure.php add

 

define('DIR_WS_LARGEIMAGES', 'largeimages/');

 

---------------------------------------------------

 

popup_image.php change

 

<?php echo tep_image(DIR_WS_IMAGES . $products['products_image'], $products['products_name']); ?>

 

to

 

<?php echo tep_image(DIR_WS_LARGEIMAGES . $products['products_image'], $products['products_name']); ?>

 

---------------------------------------------------

 

product_info.php change

 

<script language="javascript"><!--

document.write('<?php echo '<a href="java script: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>

 

to

 

<script language="javascript"><!--

document.write('<?php echo '<a href="java script: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_LARGEIMAGES . $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>

Posted
Simple mod to speed up page download times.

Small pics in images folder.

'Click to enlarge' links to large pics in largeimages folder.

The image has the same filename in both files.

 

---------------------------------------------------

 

Make new folder named largeimages

 

---------------------------------------------------

 

configure.php add

 

define('DIR_WS_LARGEIMAGES', 'largeimages/');

 

---------------------------------------------------

 

popup_image.php change

 

<?php echo tep_image(DIR_WS_IMAGES . $products['products_image'], $products['products_name']); ?>

 

to

 

<?php echo tep_image(DIR_WS_LARGEIMAGES . $products['products_image'], $products['products_name']); ?>

 

---------------------------------------------------

 

product_info.php change

 

<script language="javascript"><!--

document.write('<?php echo '<a href="java script: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>

 

to

 

<script language="javascript"><!--

document.write('<?php echo '<a href="java script: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_LARGEIMAGES . $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>

 

I tried this MOD, now the popup image window is blank. Any idea's why this would happen?

Posted

it looks to me as this would be because there isn't anyfiles in /largeimages/ . wouldn't this contrib need an admin upload or files to be uploaded to that folder manually ?! though I'm not 100% sure.

Posted

Sorry forgot to say,

 

You have to manually place large versions of your pics into the "largeimage" folder.

 

The large pics also need to be called the same as the matching small image.

Posted
Sorry forgot to say,

 

You have to manually place large versions of your pics into the "largeimage" folder.

 

The large pics also need to be called the same as the matching small image.

 

I verified, all of my images are showing in the largeimage folder. I can't figure it out

Archived

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

×
×
  • Create New...