Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

css hover popup


Recommended Posts


I am using css hover popup to display my large images. Its a great contribution, but I would like to display 'click here to enlarge' or something similar on the graphic.

As it is, I dont think people will realise that the image will enlarge if they hover over it. Can anybody help?


Link to comment
Share on other sites

I am no expert and there might be a better way of doing it, if this way works LOL.


But I'll take an educated crack at helping.

I'm not sure if the line numbers are exact as my file has been modified quite a bit but...


Open product_info.php

Look for these lines of code (your contribution might have changed/altered this code) -


Line 102<?php

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


Line 105<table border="0" cellspacing="0" cellpadding="2" align="right">


<td align="center" class="smallText">

<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>'; ?>');



<?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>'; ?>


Line 114 </td>

Line 115 </tr>

Line 116</table>




Line 120<p><?php echo stripslashes($product_info['products_description']); ?></p>


What you can do is add another <tr><td align="center">Hover for Larger Image</td></tr> below Line 115.


Please test at your own risk as I take no responsibility that it will properly get the job done. LOL

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites


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

  • Create New...