Page 2 of 2 FirstFirst 12
Results 11 to 15 of 15
  1. #11
    Join Date
    Mar 2008
    Location
    Brampton, Cumbria, United Kingdom, United Kingdom
    Posts
    819
    Plugin Contributions
    2

    Default Re: How to zoom in when I hover over the image

    I have checked my file
    tpl_modules_main_product_image.php
    and if you have not changed anything, line 19 should read
    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>';
    all on one line.

    I hope this helps?
    Learning Fast.
    Eden Craft Supplies

  2. #12
    Join Date
    Nov 2007
    Location
    Sunny Coast, Australia
    Posts
    3,443
    Plugin Contributions
    9

    Default Re: How to zoom in when I hover over the image

    Quote Originally Posted by RiazShahid View Post
    Yes, Please give me link to its support thread.

    Thank you
    My apologies - seems that the author of this mod did not provide a support thread. Bit sloppy IMHO!

  3. #13
    Join Date
    Feb 2015
    Posts
    64
    Plugin Contributions
    0

    Default Re: How to zoom in when I hover over the image

    Quote Originally Posted by adb34 View Post
    I have checked my file and if you have not changed anything, line 19 should read
    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>';
    all on one line.

    I hope this helps?
    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.

    Thank you

    <?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="javascriptopupWindow(\\\'' . 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>

  4. #14
    Join Date
    Mar 2008
    Location
    Brampton, Cumbria, United Kingdom, United Kingdom
    Posts
    819
    Plugin Contributions
    2

    Default Re: How to zoom in when I hover over the image

    I am learning about coding but I have noticed you are using Lightbox
    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';
    }
    ?>
    Could this be conflicting with zoom over? Me, I would remove that code (remembering to save it somewhere) and then try.

    Or,this is my php file
    Code:
    <?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>
    that is the one I use. It does not have the lightbox in it. Try this
    Learning Fast.
    Eden Craft Supplies

  5. #15

    Default Re: How to zoom in when I hover over the image

    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.
    If you wait to do everything until you're sure it's right, you'll probably never do much of anything !!!

 

 
Page 2 of 2 FirstFirst 12

Similar Threads

  1. hover over causes blurry image
    By booghaboobaby in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Sep 2011, 01:51 PM
  2. Image Handler No Hover (zoom) on Product Listing Images
    By kwright in forum All Other Contributions/Addons
    Replies: 8
    Last Post: 15 Feb 2009, 04:30 PM
  3. Image help - Mouse over hover box
    By wdd49 in forum All Other Contributions/Addons
    Replies: 10
    Last Post: 11 Sep 2008, 06:46 AM
  4. How to get Rid of Image-title Popup when cursor over small image?
    By cevans73 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 Jul 2008, 11:35 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR