Re: Image zoom

Hello,
Is there a way to add a component like (LV Image Zoomer or similar)so when you hover the product images you get a close up of he area in a popup screen?

See the effect here:http://www.zazzle.com/monogram_embroidered_football_shirt_embroidered_shirt-231671777815707485
Thanks
Neil

Hi,

If LV Image Zoomer is compatible with module anywhere, you will be able to do what you want.
You could use module anywhere to add a tag in order to add the LV Image Zoomer module in your products description.

extensions.joomla.org/extensions/core-en...dWxlIGFueXdoZXJlIjt9

Is there another way of doing this in Joomla 1.6 as Modules Anywhere isn't compatible yet.

Thanks

Yes. Since 4 months ago, we added the possibility to trigger content plugins on the product description. Thus, you can use the loadposition plugin of joomla to insert your LV Image Zoomer in the products description.

Hi there

I've tried to make Magic Zoom work with my products with no luck.

Just wondered if you could give me a little more direction?

Thanks

Matt

Magic Zoom should indeed work with HikaShop.
You need to install it following the directions on: www.magictoolbox.com/magiczoom/modules/joomla/
Then, you can add in your products description (via the HTML mode of your wysiwyg editor) some code for the images like explained there www.magictoolbox.com/magiczoom/integration/ on point 4:

<a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>

You need to have your MagicZoom module published and displayed on the page in one of the positions of your template so that it works properly.

Thank you Neila. I will work to those instructions!

Hi again

I have MagicZoom working but it only zooms the first picture. When you load any of the other pics it just zooms onto the original. Can you help please? If not no probs!

skyecreative.net/joomla3/index.php/half-...s/category_pathway-0

Thanks

Matt

The href attribute of the links of the images is not updated when the image is updated. That might explaine the problem as magiczoom based itself on that for the zoom.

So how can I change the href attribute?

Thanks

Matt

I don't know. Please explain the modifications you made on the code in order to make the images works with magiczoom so that I can see what you're missing.

Hi ya

This is the section I changed:-

}else{
$this->uploadFolder_url_zoom=$this->uploadFolder_url.'zoom/'.$path;
JHTML::_('behavior.modal');
$html = '<a class="MagicZoom" rel="zoom-width:390px; zoom-height:444px" href="'.$this->uploadFolder_url_zoom.'">'.$html.'</a>';
}

You also need to change the code of the hikashop_image_small_link a tag and maybe the javascript of the function hikashopChangeImage which is defined some lines before.

Nicolas,

Thank you for all of your help with this one! Your advice in this thread has gotten me way further than I expected! Can I ask you for more details on how to integate Magic Zoom with the product images? Right now, the first image zooms but the other images don't swap on hover now. I know it's because I need to change something else too (like the function as you said earlier) but I'm not sure what that would be or how to change it (code and programming are not my strong points).

So far, I've added class="MagicZoom" to line 293 in the administrator/components/com_hikashop/helpers/image.php file. An example of my situation can be found here: seananthonydesigns.com/clothing-categori.../product/33-the-joey

Any advice you (or anyone else) can offer would be absolutely wonderful and I'd be so grateful! Thank you so much, in advance!

You should try to add your class in the javascript:

image_link.class=\'MagicZoom\';

just after:
image_link.rel=obj.rel;

But that will only work if MagicZoom has some kind of dynamic parsing, which I doubt. So I'm not sure if you can make it work with several images.

Hi Guys,

Okay this is all a bit confusing... I'd like to have the magiczoom function working on my product image. At the moment I only have one image per product. I'd like the zoom to work in the product view. So where do I even begin? I've installed the module/ extension and now I'd like to know which files I need to edit and where to find them - if you can help?

Thank you
Brett

@pndachick Hiya,

Wow, I've taken a look at the way you've done the zoom thing. Please... please help me - I'd pretty much like to do exactly the same thing but for a shoe site. Which files did you edit?

Oh my diddly.... that was easier than I thought! Sorry about that guys...

So yes I edited same file as pndachick... but for some reason my edit was line: 152

Looked like this:
$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" class="MagicZoom" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';

Is there a plan of adding image Zooming to hikashop in the near future? I tried magic zoom with no success... I wanted the images of my products to be able to be zoomed in.

Not in the short term as we are working on other things. But it's in the todo list....unless someone else provide a solution before us

Otherwise, the modification to make it work with magiczoom is there and works.