[Skip to main content](#vessel-content) # close the product's picture popout ## - **[s1003933](/forum/user/32392-s1003933 "View s1003933's Profile")** - [![s1003933's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32392-s1003933 "View s1003933's Profile") Topic Author - [ Offline](/forum/user/32392-s1003933) Less More - Posts: 3 - Thank you received: 0 - - 12 years 2 months ago [\#166275](#166275) by [s1003933](/forum/user/32392-s1003933 "View s1003933's Profile") *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#166275 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* was created by *[s1003933](/forum/user/32392-s1003933 "View s1003933's Profile")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86291 - Thank you received: 14269 - - 12 years 2 months ago [\#166277](#166277) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#166277 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* Edit the file show_block_img via the menu Display>Views and add the code: Code: return false; after the code: Code: window.localPage.openImage = function(id) { Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[s1003933](/forum/user/32392-s1003933 "View s1003933's Profile")** - [![s1003933's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/32392-s1003933 "View s1003933's Profile") Topic Author - [ Offline](/forum/user/32392-s1003933) Less More - Posts: 3 - Thank you received: 0 - - 12 years 2 months ago - 12 years 2 months ago [\#166434](#166434) by [s1003933](/forum/user/32392-s1003933 "View s1003933's Profile") Replied by *[s1003933](/forum/user/32392-s1003933 "View s1003933's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#166434 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* 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. - [ ![h4d2b64b.png](/forum/attachment/18834) ](/forum/attachment/18834 "h4d2b64b.png") [ ](/forum/attachment/18834?download=1 "h4d2b64b.png") Last edit: 12 years 2 months ago by [s1003933](/forum/user/32392-s1003933 "View s1003933's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86291 - Thank you received: 14269 - - 12 years 2 months ago [\#166446](#166446) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#166446 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* Hi, That's more complex. You need to change the code: 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: Code: echo '<a href="#" onclick="return false;" '.$attr.'>'.$html.'</a>'; Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[disc](/forum/user/35571-disc "View disc's Profile")** - [![disc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35571-disc "View disc's Profile") - [ Offline](/forum/user/35571-disc) Less More - Posts: 43 - Thank you received: 3 - - 11 years 3 months ago [\#206547](#206547) by [disc](/forum/user/35571-disc "View disc's Profile") Replied by *[disc](/forum/user/35571-disc "View disc's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#206547 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86291 - Thank you received: 14269 - - 11 years 3 months ago [\#206563](#206563) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#206563 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* 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](http://demo.hikashop.com/index.php/en/hikashop/product-page/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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[disc](/forum/user/35571-disc "View disc's Profile")** - [![disc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35571-disc "View disc's Profile") - [ Offline](/forum/user/35571-disc) Less More - Posts: 43 - Thank you received: 3 - - 11 years 3 months ago [\#206676](#206676) by [disc](/forum/user/35571-disc "View disc's Profile") Replied by *[disc](/forum/user/35571-disc "View disc's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#206676 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* 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? - [ ![IE.jpg](/forum/attachment/25249) ](/forum/attachment/25249 "IE.jpg") [ ](/forum/attachment/25249?download=1 "IE.jpg") - [ ![FF.jpg](/forum/attachment/25250) ](/forum/attachment/25250 "FF.jpg") [ ](/forum/attachment/25250?download=1 "FF.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[disc](/forum/user/35571-disc "View disc's Profile")** - [![disc's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35571-disc "View disc's Profile") - [ Offline](/forum/user/35571-disc) Less More - Posts: 43 - Thank you received: 3 - - 11 years 3 months ago [\#206678](#206678) by [disc](/forum/user/35571-disc "View disc's Profile") Replied by *[disc](/forum/user/35571-disc "View disc's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#206678 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* Btw: It´s the same effect with IE 11 on your demo website. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86291 - Thank you received: 14269 - - 11 years 3 months ago [\#206690](#206690) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[close the product's picture popout](/forum/26-product-category-display/870143-close-the-products-picture-popout#206690 "hello, support. I'm wording how i close the product's picture popout?? the code is here: i don't want the onclick event. how do i close it? thanks for helping.")* 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84NzAxNDMtY2xvc2UtdGhlLXByb2R1Y3RzLXBpY3R1cmUtcG9wb3V0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.219 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)