Re: Image zoom

  • Posts: 25
  • Thank you received: 0
14 years 1 month ago #1654

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

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
14 years 1 month ago #1655

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

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 8 months ago #13162

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

Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
13 years 8 months ago #13169

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.

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 6 months ago #17727

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

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
13 years 6 months ago #17733

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.

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 6 months ago #17781

Thank you Neila. I will work to those instructions!

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 5 months ago #20087

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

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
13 years 5 months ago #20091

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.

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 5 months ago #20371

So how can I change the href attribute?

Thanks

Matt

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
13 years 5 months ago #20400

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.

Please Log in or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 0
13 years 5 months ago #20499

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

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
13 years 5 months ago #20529

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.

Please Log in or Create an account to join the conversation.

  • Posts: 1
  • Thank you received: 0
12 years 10 months ago #40439

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!

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
12 years 10 months ago #40613

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.

Please Log in or Create an account to join the conversation.

  • Posts: 152
  • Thank you received: 1
12 years 9 months ago #44425

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


Believe in Better

Please Log in or Create an account to join the conversation.

  • Posts: 152
  • Thank you received: 1
12 years 9 months ago #44479

@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?


Believe in Better
Last edit: 12 years 9 months ago by nowherenowhere.

Please Log in or Create an account to join the conversation.

  • Posts: 152
  • Thank you received: 1
12 years 9 months ago #44482

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


Believe in Better

Please Log in or Create an account to join the conversation.

  • Posts: 58
  • Thank you received: 0
12 years 6 months ago #52365

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.

Please Log in or Create an account to join the conversation.

  • Posts: 83025
  • Thank you received: 13405
  • MODERATOR
12 years 6 months ago #52422

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.

Please Log in or Create an account to join the conversation.

Time to create page: 0.133 seconds
Powered by Kunena Forum