[Skip to main content](#vessel-content) # Disable hover effect on product image thumbnails ## - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#132819](#132819) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#132819 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* was created by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 12 years 11 months ago [\#132877](#132877) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#132877 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, You'll probably be able to do that by : - Going to "*Hiakshop->Display->Views*" - Editing the "**show\_block\_img**" file of the "**product**" view of your front-end template - Change this line : Code: $attr = 'onclick="return window.localPage.openImage(\'hikashop_main_image\');"'; by : Code: // $attr = 'onclick="return window.localPage.openImage(\'hikashop_main_image\');"'; - And this line : Code: $attr = 'onmouseover="return window.localPage.changeImage(this, \'hikashop_main_image'.$variant_name.'\', \''.$img->url.'\', '.$img->width.', By : Code: $attr = 'onclick="return window.localPage.changeImage(this, \'hikashop_main_image'.$variant_name.'\', \''.$img->url.'\', '.$img->width.', Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#132909](#132909) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") Replied by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#132909 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* That works perfectly... The only issue I'm having now is that when I click on the main image which has been replaced with the thumbnail, it comes up with an enlargement of the default image: [ s293983206.websitehome.co.uk/elevateshop...k-claudia-court-shoe](http://s293983206.websitehome.co.uk/elevateshop/Joomla_3.1.5-Stable-Full_Package%281%29/index.php/women-s-shoes/product/1312-black-claudia-court-shoe) Is there anything I can add to the code to fix this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 11 months ago [\#132916](#132916) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#132916 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, Please remove the comment in order to keep Code: $attr = 'onclick="return window.localPage.openImage(\'hikashop_main_image\');"'; Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#132917](#132917) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") Replied by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#132917 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, I've just removed it, but the large image seems not to be clickable at all now? ![:(](/media/kunena/emoticons/5.png ":(") [ s293983206.websitehome.co.uk/elevateshop...ck-charlize-stiletto](http://s293983206.websitehome.co.uk/elevateshop/Joomla_3.1.5-Stable-Full_Package%281%29/index.php/women-s-shoes/product/1286-black-charlize-stiletto) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#133021](#133021) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") Replied by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#133021 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, Is there any way I can make the images enlarge on click, once they are in the main product box. At the moment when I click on it, it comes up with a pop up enlargement of the default image. See here s293983206.websitehome.co.uk/elevateshop...ck-charlize-stiletto I've tried to edit the PHP within the show_block_image file, but with no success. Thanks in advance Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 11 months ago [\#133267](#133267) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#133267 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, You didn't made the modification I asked you. Please **do not comment** this line: Code: $attr = 'onclick="return window.localPage.openImage(\'hikashop_main_image\');"'; Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#133288](#133288) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") Replied by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#133288 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hello, I did take the // away, but when it was un-commented it did not work at all when I clicked on the main image to enlarge it. ![:-(](/media/kunena/emoticons/4.png ":-(") See here: [ s293983206.websitehome.co.uk/elevateshop...k-claudia-court-shoe](http://s293983206.websitehome.co.uk/elevateshop/Joomla_3.1.5-Stable-Full_Package%281%29/index.php/women-s-shoes/product/1312-black-claudia-court-shoe) Please help ![:(](/media/kunena/emoticons/5.png ":(") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 12 years 11 months ago [\#133351](#133351) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#133351 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, Yes, know the page is correct. But it wasn't during my last test. So you can know change in the "show_block_img" view: Code: window.localPage.openImage = function(id) { if(!window.localPage.images[id]) window.localPage.images[id] = document.getElementById('hikashop_first_thumbnail'); window.localPage.images[id].click(); return false; }; By: Code: window.localPage.openImage = function(id) { if(!window.localPage.images[id]) window.localPage.images[id] = document.getElementById('hikashop_first_thumbnail'); SqueezeBox.fromElement(window.localPage.images[id],{parse:'rel'}); return false; }; Because you change the "hover" by "click" and because when you click on the main image it is like you clicked on the lastest selected thumbnail, it is like nothing happened. So instead we will call the current thumbnail JS library. ( Note: that code is not compatible with Shadowbox ) Regards, PS : We reply to all message in the forum, as fast as we can. Sending me private message won't make me answer faster. But if you do it all the time, it could become the opposite effect. Your are not the only person to put some question in our forum, so please wait like the others. We know when we have to reply to a thread, the all support team know it. --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile"), [digglescreative](/forum/user/36779-digglescreative "View digglescreative's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")** - [![Lexnia's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28370.jpg)](/forum/user/28370-lexnia "View Lexnia's Profile") Topic Author - [ Offline](/forum/user/28370-lexnia) Less More - Posts: 52 - Thank you received: 2 - - 12 years 11 months ago [\#133368](#133368) by [Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile") Replied by *[Lexnia](/forum/user/28370-lexnia "View Lexnia's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#133368 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* You're an absolute star!! Thank you sooo much....works perfectly now ![:cheer:](/media/kunena/emoticons/10.png ":cheer:") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[serbofleconcepts](/forum/user/37141-serbofleconcepts "View serbofleconcepts's Profile")** - [![serbofleconcepts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar37141.gif)](/forum/user/37141-serbofleconcepts "View serbofleconcepts's Profile") - [ Offline](/forum/user/37141-serbofleconcepts) Less More - Posts: 158 - Thank you received: 5 - - 11 years 5 months ago [\#202021](#202021) by [serbofleconcepts](/forum/user/37141-serbofleconcepts "View serbofleconcepts's Profile") Replied by *[serbofleconcepts](/forum/user/37141-serbofleconcepts "View serbofleconcepts's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#202021 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hello Jerome, has the code changed since this was last posted as I tried it on my HikaShop deployment and I still get the hover effect? I've read the whole thread several times and tried various combinations of the code changes in show_block_image.php and nothing seems to make any difference? I'm looking at the file in the folder /components/com_hikashop/views/product/tmpl. Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 11 years 5 months ago [\#202028](#202028) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#202028 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, The main part code hasn't changed since the last time. Even if the line isn't exactly the same, you still have a line which set the variable "$attr" to add the "onmouseover" content. The goal is still to remove "onmouseover" by "onclick". After that, you have to be sure that you're editing the view for the right front-end template. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[coganoid](/forum/user/38806-coganoid "View coganoid's Profile")** - [![coganoid's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38806-coganoid "View coganoid's Profile") - [ Offline](/forum/user/38806-coganoid) Less More - Posts: 2 - Thank you received: 0 - - 11 years 1 month ago [\#214560](#214560) by [coganoid](/forum/user/38806-coganoid "View coganoid's Profile") Replied by *[coganoid](/forum/user/38806-coganoid "View coganoid's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#214560 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* I followed this instruction and the onmouseover effect is still happening. I just want it to not replace main image with moused over thumbnails. I comment out that line but when I look at the page source it's loading the onmouseover. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 11 years 1 month ago [\#214561](#214561) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#214561 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, Are you sure that you made an override for the right front-end template ? [ www.hikashop.com/support/support/documen...ize-the-display.html](http://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[coganoid](/forum/user/38806-coganoid "View coganoid's Profile")** - [![coganoid's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38806-coganoid "View coganoid's Profile") - [ Offline](/forum/user/38806-coganoid) Less More - Posts: 2 - Thank you received: 0 - - 11 years 1 month ago [\#214608](#214608) by [coganoid](/forum/user/38806-coganoid "View coganoid's Profile") Replied by *[coganoid](/forum/user/38806-coganoid "View coganoid's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#214608 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* That is what I did. Didn't notice each template you have loaded for Joomla gets their own. One thing of note... Only commenting out that line changes onclick so that nothing was happening so I changed the script per your post. With mootools as the popup window it only opened the zoomed in image for the main and none of the thumbs (click on any thumb and main would load instead) but it did work with shadowbox (external). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 11 years 1 month ago [\#214659](#214659) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#214659 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, That's right, since the patch was proposed (almost 2 years), the script in the product page has changed. Did you also apply the patch in the post #133351 ? Because the functions "openImage" changed, like the addition of the parameter "variant". Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile")** - [![dancingkazzaf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile") - [ Offline](/forum/user/31984-dancingkazzaf) Less More - Posts: 256 - Thank you received: 2 - - 8 years 10 months ago [\#284546](#284546) by [dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile") Replied by *[dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#284546 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* I followed this guide and the images are swapping over when clicking on the child images however when you click on the large image its only enlarging the main first image not the image thats being displayed. The guide displays some php code to swap out however this code doesn't exist in the latest version of Hikashop under 'show_block_img' **I cant find this code** window.localPage.openImage = function(id) { if(!window.localPage.images[id]) window.localPage.images[id] = document.getElementById('hikashop_first_thumbnail'); window.localPage.images[id].click(); return false; }; Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 8 years 10 months ago [\#284548](#284548) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#284548 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, The code is a bit different now but it's still there: Code: window.localPage.openImage = function(id, variant_name, e) { if(!variant_name) variant_name = ''; if(!window.localPage.images[id]) window.localPage.images[id] = document.getElementById('hikashop_first_thumbnail' + variant_name); e = e || window.event; e.stopPropagation(); e.cancelBubble = true; window.Oby.cancelEvent(e); window.localPage.images[id].click(); return false; }; it's right at the end of the view file. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile")** - [![dancingkazzaf's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile") - [ Offline](/forum/user/31984-dancingkazzaf) Less More - Posts: 256 - Thank you received: 2 - - 8 years 10 months ago [\#284676](#284676) by [dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile") Replied by *[dancingkazzaf](/forum/user/31984-dancingkazzaf "View dancingkazzaf's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#284676 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hello, I have altered the script to this e = e || window.event; e.stopPropagation(); e.cancelBubble = true; window.Oby.cancelEvent(e); SqueezeBox.fromElement(window.localPage.images[id],{parse:'rel'}); //window.localPage.images[id].click();// return false; however it still only displays the first product image when enlarging any thumbnail. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) 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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14267 - - 8 years 10 months ago [\#284678](#284678) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Disable hover effect on product image thumbnails](/forum/25-install-update/863681-disable-hover-effect-on-product-image-thumbnails#284678 "Hi, I am trying to change the way that the thumbnails are displayed under the main product image on the product page. I need the hover effect to be disabled when hovering over the thumbnail images and for the thumbnail images to be displayed as the main image when the user clicks on the thumbnail. How can I do this?")* Hi, Hard to help without more context. We would need to know what code you put/change where exactly and a link to the page with the issue to be able to understand the situation. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg2MzY4MS1kaXNhYmxlLWhvdmVyLWVmZmVjdC1vbi1wcm9kdWN0LWltYWdlLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) 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.444 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)