Hello Every One!
Can any one let me know how to zoom in when I hover over the image. Is there any utility for this?
Regards,
Printable View
Hello Every One!
Can any one let me know how to zoom in when I hover over the image. Is there any utility for this?
Regards,
Can some one respond here please.
Take a look at this plugin: http://www.zen-cart.com/downloads.php?do=file&id=1380Quote:
Originally Posted by RiazShahid
Thanks for the proposal. But it is not the same as required. It does not zoom any area, instead it shows full image.
For example please look the bellow link
http://www.kaymu.pk/polo-blue-for-men-420159.html
Thanks
My apologies, I misunderstood your question.Quote:
Originally Posted by RiazShahid
This may help:
http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm
http://www.zen-cart.com/downloads.php?do=file&id=1815
Thanks Frank18!
I downloaded Product Image Zoom But I am bit confused in replacing the code as per its readme file. What it suggests is
What confuses me is that there is a full stop at the end of original text, I selected it and replaced, but it didn't worked. Don't know what to do? Here is my current codeQuote:
-
Find:
zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT)
- Replace:
zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'data-zoom-image="' . $products_image_large . '"')
Quote:
zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'data-zoom-image="' . $products_image_large . '"') . '<br
You may want to consult the relevant support thread of this plugin.Quote:
Originally Posted by RiazShahid
Yes, Please give me link to its support thread.
Thank you
Can some one give me link of Product Image Zoom.
I cannot find a forum link to this plugin either. Have you copied the code to the letter? I have noticed you haveQuote:
Originally Posted by frank18
on the end of the code, it should not be there.Code:. '<br
I have this running on my site and all is OK.
I would like to you if you can add the zoom feature to the additional images?
I have checked my fileand if you have not changed anything, line 19 should readQuote:
tpl_modules_main_product_image.php
all on one line.Code:echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
I hope this helps?
My apologies - seems that the author of this mod did not provide a support thread. Bit sloppy IMHO!Quote:
Originally Posted by RiazShahid
Hi, I replaced my exiting file,/includes/templates/westminster_new/templates/tpl_modules_main_product_image.php (even I copy paste your code ), in my case it is line 37, but it still does not work. I am pasting complete code here, hope it will not bother you to look at it.Quote:
Originally Posted by adb34
Thank you
Quote:
<?php
/**
* Module Template
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_modules_main_product_image.php 3208 2006-03-19 16:48:57Z birdbrain $
* Modified by Anne (Picaflor-Azul.com) Westminster New v1.3
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>
<div id="productMainImage" class="centeredContent">
<?php // bof Zen Lightbox 2008-12-15 aclarke ?>
<?php
if (ZEN_LIGHTBOX_STATUS == 'true') {
if (ZEN_LIGHTBOX_GALLERY_MODE == 'true' && ZEN_LIGHTBOX_GALLERY_MAIN_IMAGE == 'true') {
$rel = 'lightbox-g';
} else {
$rel = 'lightbox';
}
?>
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="' . zen_lightbox($products_image_large, addslashes($products_name), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT) . '" rel="' . $rel . '" title="' . addslashes($products_name) . '">' . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<?php } else { ?>
<?php // eof Zen Lightbox 2008-12-15 aclarke ?>
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<?php // bof Zen Lightbox 2008-12-15 aclarke ?>
<?php } ?>
<?php // eof Zen Lightbox 2008-12-15 aclarke ?>
<noscript>
<?php
echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
</noscript>
</div>
I am learning about coding but I have noticed you are using LightboxCould this be conflicting with zoom over? Me, I would remove that code (remembering to save it somewhere) and then try.Code:<?php
if (ZEN_LIGHTBOX_STATUS == 'true') {
if (ZEN_LIGHTBOX_GALLERY_MODE == 'true' && ZEN_LIGHTBOX_GALLERY_MAIN_IMAGE == 'true') {
$rel = 'lightbox-g';
} else {
$rel = 'lightbox';
}
?>
Or,this is my php filethat is the one I use. It does not have the lightbox in it. Try thisCode:<?php
/**
* Module Template
*
* @package templateSystem
* @copyright Copyright 2003-2011 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_modules_main_product_image.php 18698 2011-05-04 14:50:06Z wilt $
*/
?>
<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?>
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="javascript:popupWindow(\\\'' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '\\\')">' . zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'data-zoom-image="' . $products_image_large . '"') . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>'; ?>');
//--></script>
<noscript>
<?php
echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';
?>
</noscript>
</div>
Should i assume this product_image_zoom will not work in version 1.5.6
I can't find the templates/tpl_modules_main_product_image.php file as stated in the readme file.
Hello,
I have Product Image Zoom working on v1.5.7d.
But I have an issue with additional images, when I click on an additional image it shows as main image, as it should, but when magnified is still shows the original image. Any suggestions as to why this is happening?
Here is a link to a test page https://myalchemy.co.uk/index.php?ma...products_id=11
Thanks