close the product's picture popout

  • Posts: 3
  • Thank you received: 0
11 years 1 month ago #166275

hello, support.
I'm wording how i close the product's picture popout??

the code is here:
<a onclick="return window.localPage.openImage('hikashop_main_image');" href="/jpurity/media/com_hikashop/upload/img_7486.jpg" rel="{handler:'image'}" target="_blank">

i don't want the onclick event.
how do i close it?

thanks for helping.

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

  • Posts: 84304
  • Thank you received: 13699
  • MODERATOR
11 years 1 month ago #166277

Edit the file show_block_img via the menu Display>Views and add the code:

return false;
after the code:
window.localPage.openImage = function(id) {

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

  • Posts: 3
  • Thank you received: 0
11 years 1 month ago #166434

I have another question:

when I have more then two images(you can check the file I uploaded)

I just want the mouseover event, but I don't want the onclick event.

here is the code:

<a onmouseover="return window.localPage.changeImage(this, 'hikashop_main_image', '/jpurity/media/com_hikashop/upload/thumbnails/400x500fsO/img_7502.jpg', 500, 400, '', '');" onclick="SqueezeBox.fromElement(this,{parse:'rel'});return false;" href="/jpurity/media/com_hikashop/upload/img_7502.jpg" rel="{handler:'image'}" target="_blank"><img class="hikashop_child_image" title="" alt="" src="/jpurity/media/com_hikashop/upload/thumbnails/400x500fsO/img_7502.jpg"></a>


the onclick event(SqueezeBox.fromElement) still have popout effect.
help me fix it.
thanks a lot.

Attachments:
Last edit: 11 years 1 month ago by s1003933.

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

  • Posts: 84304
  • Thank you received: 13699
  • MODERATOR
11 years 1 month ago #166446

Hi,

That's more complex.
You need to change the code:

if(empty($variant_name)) {
								echo $this->popup->image($html, $img->origin_url, $id, $attr, array('gallery' => 'hikashop_main_image'));
							} else {
								echo $this->popup->image($html, $img->origin_url, $id, $attr, array('gallery' => 'hikashop_main_image_VARIANT_NAME'));
							}
to:
echo '<a href="#" onclick="return false;" '.$attr.'>'.$html.'</a>';

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

  • Posts: 43
  • Thank you received: 3
10 years 2 months ago #206547

Hi all,

something similar like s1003933 asked for:
i´m also using Mootools to display the product images and I think it´s o. k.
But I´d like to close the popup picture onclick regardless where the user clicks outside the popup. In the basic configuration you really need to click on the small cross right above the image, which is a little unhandily in the long run.

Thanks.

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

  • Posts: 84304
  • Thank you received: 13699
  • MODERATOR
10 years 2 months ago #206563

Hi,

That's already the case by default.
When you click outside the popup the popup closes.
You can see that on our demo website for example:
demo.hikashop.com/index.php/en/hikashop/...with-characteristics
That's the default display, with the mootools popup and the popup closes like you say you want it to.

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

  • Posts: 43
  • Thank you received: 3
10 years 2 months ago #206676

Hi Nicolas,

I got it. It´s an IE 11 thing. With FF and Safari it works.
In IE there is no transparent overlay at the background that is maybe necessary for the onclick event - see attachments (I tried to use the same snippet of the picture).
Any idea how to fix it with IE? Is there a different css file for mootools located somewhere in the package?

Attachments:

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

  • Posts: 43
  • Thank you received: 3
10 years 2 months ago #206678

Btw: It´s the same effect with IE 11 on your demo website.

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

  • Posts: 84304
  • Thank you received: 13699
  • MODERATOR
10 years 2 months ago #206690

Hi,

I have no idea. we're using the standard mootools library which is by default in Joomla.
So the issue is actually in Joomla I guess.
The solution would be to use another image popup system thanks to the "image popup" setting of the HikaShop configuration... or you could wait a few months for the next browser of microsoft for windows 10 which will normally work like all the other browsers.

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

Time to create page: 0.080 seconds
Powered by Kunena Forum