[Skip to main content](#vessel-content) # Popup images ## - **[reeker](/forum/user/23625-reeker "View reeker's Profile")** - [![reeker's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-07-13.jpg)](/forum/user/23625-reeker "View reeker's Profile") Topic Author - [ Offline](/forum/user/23625-reeker) Less More - Posts: 8 - Thank you received: 1 - - - - 13 years 3 months ago - 13 years 3 months ago [\#113374](#113374) by [reeker](/forum/user/23625-reeker "View reeker's Profile") *[Popup images](/forum/2-general-talk-about-hikashop/85145-popup-images#113374 "Hello, i need help with two problems :unsure: 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks.")* was created by *[reeker](/forum/user/23625-reeker "View reeker's Profile")* Hello, i need help with two problems ![:unsure:](/media/kunena/emoticons/22.png ":unsure:") 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks. [ ![1.jpg](/forum/attachment/11051) ](/forum/attachment/11051 "1.jpg") [ ![_s-2.jpg](/forum/attachment/11050) ](/forum/attachment/11050 "_s-2.jpg") - [ ![_s-2.jpg](/forum/attachment/11050) ](/forum/attachment/11050 "_s-2.jpg") [ ](/forum/attachment/11050?download=1 "_s-2.jpg") - [ ![1.jpg](/forum/attachment/11051) ](/forum/attachment/11051 "1.jpg") [ ](/forum/attachment/11051?download=1 "1.jpg") Last edit: 13 years 3 months ago by [reeker](/forum/user/23625-reeker "View reeker's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg1MTQ1LXBvcHVwLWltYWdlcz90bXBsPW1hcmtkb3du) 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 - - - 13 years 3 months ago [\#113383](#113383) 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 *[Popup images](/forum/2-general-talk-about-hikashop/85145-popup-images#113383 "Hello, i need help with two problems :unsure: 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks.")* Hi, 1. I think that this would require some code customization but you'll probably find your solution through this [ thread](http://www.hikashop.com/en/forum/4-how-to/46848-link-thumbnails-to-bigger-picture-instead-of-page.html) : Code: You can do that by editing the file "listing_img_title" of the view "product" via the menu Display->Views and changing the code.. 2. This will also require some code customization to do it through the "listing_img" file of the "category" view of your front-end template. The following user(s) said Thank You: [reeker](/forum/user/23625-reeker "View reeker's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg1MTQ1LXBvcHVwLWltYWdlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[reeker](/forum/user/23625-reeker "View reeker's Profile")** - [![reeker's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-07-13.jpg)](/forum/user/23625-reeker "View reeker's Profile") Topic Author - [ Offline](/forum/user/23625-reeker) Less More - Posts: 8 - Thank you received: 1 - - - - 13 years 3 months ago [\#113475](#113475) by [reeker](/forum/user/23625-reeker "View reeker's Profile") Replied by *[reeker](/forum/user/23625-reeker "View reeker's Profile")* on topic *[Popup images](/forum/2-general-talk-about-hikashop/85145-popup-images#113475 "Hello, i need help with two problems :unsure: 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks.")* Thanks for link ![:)](/media/kunena/emoticons/8.png ":)") Maybe you can help me with one more problem? I need to display default thumbnail pic instead of loaded photo, but in popup must appear loaded photo, how to do that? Thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg1MTQ1LXBvcHVwLWltYWdlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 3 months ago [\#113524](#113524) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Popup images](/forum/2-general-talk-about-hikashop/85145-popup-images#113524 "Hello, i need help with two problems :unsure: 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks.")* You have to edit the view "product / show_block_img" for that. Replace the line: Code: echo $this->image->display(@$image->file_path,true,@$image->file_name,'id="hikashop_main_image'.$variant_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"', $width, $height); By your custom html code which will display a default image, and the desired one in popup. It require php knowledge. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg1MTQ1LXBvcHVwLWltYWdlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[reeker](/forum/user/23625-reeker "View reeker's Profile")** - [![reeker's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-07-13.jpg)](/forum/user/23625-reeker "View reeker's Profile") Topic Author - [ Offline](/forum/user/23625-reeker) Less More - Posts: 8 - Thank you received: 1 - - - - 13 years 3 months ago - 13 years 3 months ago [\#113664](#113664) by [reeker](/forum/user/23625-reeker "View reeker's Profile") Replied by *[reeker](/forum/user/23625-reeker "View reeker's Profile")* on topic *[Popup images](/forum/2-general-talk-about-hikashop/85145-popup-images#113664 "Hello, i need help with two problems :unsure: 1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area. 2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh: Thanks.")* Maybe someone need solution of second question ![:)](/media/kunena/emoticons/8.png ":)") Added this in /views/category/listing_img_title before </div>: Code: <?php JHTML::_('behavior.modal'); ?> <a href="media/com_hikashop/upload/<?php echo $this->row->file_path?>" class=modal id=category_lupa> <div class=lupa ></div> </a> My CSS: Code: \#category_lupa {position:relative; top:-45px; left:105px; margin:0px; height:25px; width:25px;} .lupa {display:block; text-align:left; background: url(../images/lupa.png) no-repeat; width:25px; height:25px; transition:all 0.3s linear;} .lupa:hover {position:relative; background: url(../images/lupa_hover.png) no-repeat; width:27px; height:27px; left:-1; top:-1px;} [ ![_-1.jpg](/forum/attachment/11082) ](/forum/attachment/11082 "_-1.jpg") - [ ![_-1.jpg](/forum/attachment/11082) ](/forum/attachment/11082 "_-1.jpg") [ ](/forum/attachment/11082?download=1 "_-1.jpg") Last edit: 13 years 3 months ago by [reeker](/forum/user/23625-reeker "View reeker's Profile"). The following user(s) said Thank You: [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg1MTQ1LXBvcHVwLWltYWdlcz90bXBsPW1hcmtkb3du) 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.119 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)