Jquery Zoom [Support thread]

**niccol** · 19 Jul 2012, 04:17 PM

Just installed fine on a site I am building. Well, OK I had forgotten a css file but that is now rectified. The more complete version is attached.

Looking at your site I suspect that the reason it doesn't work is the version of jQuery that is loaded on the site. That is an OLD version :-) Some of the stuff that jqzoom use were introduced in version 1.2.6 . That was a long time ago.

You need to update your version. You can download a recent version easily enough but I would think about using a version from a CDN - either jquery themselves or google. If you search for something like 'loading jquery from google' you'll find information. Others may disagree with this but to me it makes more sense.

And for anyone else trying this - you will need to have jQuery loaded on the site one way or another. That is not included in the files so you will have to make it happen if it is not already loaded.

**day2** · 20 Jul 2012, 03:33 AM

Originally Posted by niccol

Just installed fine on a site I am building. Well, OK I had forgotten a css file but that is now rectified. The more complete version is attached.

Looking at your site I suspect that the reason it doesn't work is the version of jQuery that is loaded on the site. That is an OLD version :-) Some of the stuff that jqzoom use were introduced in version 1.2.6 . That was a long time ago.

You need to update your version. You can download a recent version easily enough but I would think about using a version from a CDN - either jquery themselves or google. If you search for something like 'loading jquery from google' you'll find information. Others may disagree with this but to me it makes more sense.

And for anyone else trying this - you will need to have jQuery loaded on the site one way or another. That is not included in the files so you will have to make it happen if it is not already loaded.

Hi Niccol,

I have made a test to remove all javascript in my webstore, only run your jscript_jquery.jqzoom-core.js & jscript_jqzoom_init.js.

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">

<head>

<title>M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] : MMO Music Store, Great Price! Great Products!! Great Service!!!</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="keywords" content="M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] Amplifier Guitar Effects Live Sound System Recording Keyboard & Piano Drum & Percussion Accessories DJ Tools Redemption Item Effect ecommerce, open source, shop, online shopping" />

<meta name="description" content="MMO Music Store M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] - Closed-back circum-aural design delivers excellent isolation from ambient noise.Whether you're tracking, mixing or listening, you can expect sonic accuracy from your Studiophile Q40 headphones-designed by M-Audio, leading provider of reference monitor technology. With professional-grade dynamic drivers and ear cups that completely surround the ears, the Q40 headphones deliver full-range specs " />

<meta http-equiv="imagetoolbar" content="no" />

<meta name="author" content="The Zen Cart&trade; Team and others" />

<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />



<base href="http://mmo.net.my/storev2/" />

<link rel="canonical" href="http://mmo.net.my/storev2/index.php?main_page=product_info&amp;products_id=385" />



<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_imagehover.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_jscroller.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_betterCategoriesEzInfo.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_css_buttons.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_dotline.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_footer_menu.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_jquery.jqzoom.css" />

<link rel="stylesheet" type="text/css" media="print" href="includes/templates/all_business/css/print_stylesheet.css" />

<script type="text/javascript" src="includes/modules/pages/product_info/jscript_jquery.jqzoom-core.js"></script>

<script type="text/javascript" src="includes/modules/pages/product_info/jscript_jqzoom_init.js"></script>

<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/all_business/css/ie6.css" /><![endif]-->

<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/all_business/css/ie7.css" /><![endif]-->

</head>



<body id="productinfoBody">



<div id="mainWrapper">







<!--bof-header logo and navigation display-->



<div id="headerWrapper">

<!--bof-navigation display-->

<div id="navMainWrapper">

<div id="navMain">

    <ul class="back">

    <li><a href="http://mmo.net.my/storev2/">Home</a> | </li>

    <li><a href="http://mmo.net.my/storev2/index.php?main_page=login">Log In/Free Registration </a> | </li>



                                                

    <li><img src="includes/templates/all_business/images/cart.jpg" class="cart-image" alt="the shopping cart" /><a href="http://mmo.net.my/storev2/index.php?main_page=shopping_cart">Shopping Cart - 0 item(s) - RM0.00</a> | </li>

    <li><a href="http://mmo.net.my/storev2/index.php?main_page=checkout_shipping"><span class="header-checkout">Checkout</span></a></li>

</ul>

</div>

<br class="clearBoth" />

</div>

<!--eof-navigation display-->

It is still not working.

I have make search on the source file to ensure no additional jscript was loaded as well.

**day2** · 20 Jul 2012, 04:01 AM

Thanks Niccol, a new version of jquery has get it work.

Thanks.

**jcat** · 31 Jul 2012, 01:44 AM

Hi,

I had Jqzoom and JQuery lightbox installed on my 1.3.8a version of zencart and everything was working fine. However, after I upgraded zencart to 1.5, I cannot find Jqzoom and lightbox from my admin configuration menu. And of course they are not working on the upgraded website either.
I tried to re-install both plugins, and checked that the configuration_group table does have Jqzoom and lightbox entries. But they are still not showing up in the admin config menu!
Can anyone give me some pointers on how to fix the problem?
I appreciate it!

**niccol** · 31 Jul 2012, 08:22 AM

@jcat
Modules need to be updates to work with 1.5. There is plenty of information about this on the forum. It sounds as if these have not been.

Simply to see the configuration entries you will need to 'register the page' this will consist of creating an entry in the admin pages table. As I say there is plenty of stuff on the forum about this.

**jcat** · 1 Aug 2012, 10:01 PM

Originally Posted by niccol

@jcat
Modules need to be updates to work with 1.5. There is plenty of information about this on the forum. It sounds as if these have not been.

Simply to see the configuration entries you will need to 'register the page' this will consist of creating an entry in the admin pages table. As I say there is plenty of stuff on the forum about this.

Thanks for the reply Niccol!
I downloaded the two modules from eazyecommerce.com couple years back. Looks like the modules have not been updated there. I also tried to search the forum thread and only saw some zip files/patch for certain solution. Do you know where I could find the complete updated zip for these two modules?

Any help is much appreciated!

**niccol** · 2 Aug 2012, 08:40 AM

I am afraid not. If they are not in the plugins section of this site ( there is a link at the top of the page ) then I really have no idea. I don't actually use either of those modules :-)

**21yanks** · 23 Jan 2013, 10:18 PM

Good Day How Can I Get My product Details To look Like Yours?
I Have Image Handler Install But i would like the zoom in feature and extra pics like yours
please help me out. thank you. my website iam working take a look.
http://fashionistaclub.com/

Click image for larger version.

Name: picsextra.jpg
Views: 57
Size: 70.0 KB
ID: 11820

**niccol** · 23 Jan 2013, 10:42 PM

basically that page involves the jq_zoom files that I outlined above and a heavily modified version of tpl_product_info_display.php

**21yanks** · 24 Jan 2013, 12:37 AM

ok thanks for your fast reply can you provide me with the tpl file. please send me a private msg to discuss this business. thanks again

Thread: Jquery Zoom [Support thread]

Thread Tools

Search Thread

Display

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Re: Jquery Zoom [Support thread]

Similar Threads

v153 jQuery Scrolling Sideboxes [Support Thread]

v152 Down for Maintenance jQuery Countdown (Support Thread)

v152 jQuery Banners (Support Thread)

Jquery Lightbox [Support thread]

Is there an add-on combine the functions of AJAX_image_swapper and Jquery Zoom?

Bookmarks

Bookmarks

Posting Permissions