[Skip to main content](#vessel-content) # Lightbox and products list ## - **[alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile")** - [![alain.roger's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar5399.png)](/forum/user/5399-alain-roger "View alain.roger's Profile") Topic Author - [ Offline](/forum/user/5399-alain-roger) Less More - Posts: 192 - Thank you received: 1 - - - [](http://www.korcule-kolieska.sk) - 14 years 7 months ago [\#42220](#42220) by [alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile") *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#42220 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* was created by *[alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile")* Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx. --- *What does not kill you, makes you stronger.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) 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: 14268 - - 14 years 7 months ago [\#42394](#42394) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#42394 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Hi, Try to change the line: Code: <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>"> to: Code: <a class="modal" rel="{handler: 'iframe', size: {x: 450, y: 480}}" href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>" onhover="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"> in the file listing_img_title of the view product via the menu Display->Views. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile")** - [![alain.roger's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar5399.png)](/forum/user/5399-alain-roger "View alain.roger's Profile") Topic Author - [ Offline](/forum/user/5399-alain-roger) Less More - Posts: 192 - Thank you received: 1 - - - [](http://www.korcule-kolieska.sk) - 14 years 7 months ago [\#42458](#42458) by [alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile") Replied by *[alain.roger](/forum/user/5399-alain-roger "View alain.roger's Profile")* on topic *[Re: Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#42458 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* it's quite close to what i would like to have except that i want to see the product image on real size (not as thumbnail) plus some text like category name, price of the product...etc... something like on: [ themeforest.net/category/all](http://themeforest.net/category/all) when you place your mouse cursor over [ themeforest.net/item/newspaper-portal-an...mb&WT.z\_author=Nesia](http://themeforest.net/item/newspaper-portal-and-magazine-template-/1768228?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=Nesia) --- *What does not kill you, makes you stronger.* - [ ![lightbox-for-product-overview.png](/forum/attachment/3053) ](/forum/attachment/3053 "...t-overview.png") [ ](/forum/attachment/3053?download=1 "...t-overview.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) 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: 14268 - - 14 years 7 months ago [\#42632](#42632) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#42632 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* I see. But that will require to change the look of the product details page to fit what you want and then the real product details page will also look like that. Unfortunately, I don't have another solution. Otherwise, it means developing such feature from scratch and that's a lot of work. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[sideways](/forum/user/15498-sideways "View sideways's Profile")** - [![sideways's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/15498-sideways "View sideways's Profile") - [ Offline](/forum/user/15498-sideways) Less More - Posts: 56 - Thank you received: 2 - - 13 years 5 months ago - 13 years 5 months ago [\#105412](#105412) by [sideways](/forum/user/15498-sideways "View sideways's Profile") Replied by *[sideways](/forum/user/15498-sideways "View sideways's Profile")* on topic *[Re: Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#105412 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Tried this but no luck. Is this solution no longer valid or am I missing something? EDIT: nevermind, I was editing the wrong file. :silly: > nicolas wrote: Hi, > > Try to change the line: > > Code: > > <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>"> > > > > > to: Code: > > <a class="modal" rel="{handler: 'iframe', size: {x: 450, y: 480}}" href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>" onhover="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"> > > > > > in the file listing\_img\_title of the view product via the menu Display->Views. Last edit: 13 years 5 months ago by [sideways](/forum/user/15498-sideways "View sideways's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mare88](/forum/user/34697-mare88 "View mare88's Profile")** - [![mare88's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34697-mare88 "View mare88's Profile") - [ Offline](/forum/user/34697-mare88) Less More - Posts: 11 - Thank you received: 0 - - 11 years 9 months ago [\#186466](#186466) by [mare88](/forum/user/34697-mare88 "View mare88's Profile") Replied by *[mare88](/forum/user/34697-mare88 "View mare88's Profile")* on topic *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#186466 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Hello! I was just looking for the exact same thing. Nicolas, is that solution valid for HikaShop Starter 2.3.5, Joomla 3.3.6? Because I couldn't even find that particular line: <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>"> Could you please help me out? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) 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) - 11 years 9 months ago [\#186469](#186469) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#186469 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Hi, You should find that: Code: <!-- PRODUCT NAME --> <span class="hikashop_product_name"> <?php if($this->params->get('link_to_product_page',1)){ ?> <a href="<?php echo $link;?>"> <?php } echo $this->row->product_name; if($this->params->get('link_to_product_page',1)){ ?> </a> <?php } ?> </span> <!-- EO PRODUCT NAME --> So this seems to be that code that you are looking for. Editing that code will display a lightbox when clicking on the product name. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile")** - [![mdibrahim's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36789-mdibrahim "View mdibrahim's Profile") - [ Offline](/forum/user/36789-mdibrahim) Less More - Posts: 2 - Thank you received: 0 - - 11 years 6 months ago [\#197291](#197291) by [mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile") Replied by *[mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile")* on topic *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#197291 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Hi I am using HikaShop Business: 2.4.0 I did all the think but it's not working for me. Can any one help me please how to do this on this version please. I want this work on Hikashop 2.4.0 but this is not working. Can any one know how to do this on this version? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) 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: 14268 - - 11 years 6 months ago [\#197300](#197300) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#197300 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Hi, It will work the same on HikaShop 2.4.0. If that doesn't work it means that the modal library of Joomla is not loaded on your website. In that case, add the line: <?php JHtml::_('behavior.modal'); ?> At the beginning of the view in order to load it and that should hopefully. Be enough. Otherwise, we would need a link at the page you're working on so that we could see what you did and what's going on. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile")** - [![mdibrahim's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/36789-mdibrahim "View mdibrahim's Profile") - [ Offline](/forum/user/36789-mdibrahim) Less More - Posts: 2 - Thank you received: 0 - - 11 years 6 months ago - 11 years 6 months ago [\#197359](#197359) by [mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile") Replied by *[mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile")* on topic *[Lightbox and products list](/forum/4-how-to/42220-lightbox-and-products-list#197359 "Hi, How can i do to make available a lightbox on products list ? e.g. when user see the complete products list with thumbnails, if he have mouse over a thumbnail, i would like to automatically open a lightbox showing the real product image size and text... in that way user doesn't need to click on the product to see the real size of product image. thx.")* Great! I have modified the code and it's working for that version. The modified code is <a rel="{handler: 'iframe', size: {x: 450, y: 480}}" href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>" onmouseover="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"> ![B)](/media/kunena/emoticons/1.png "B)") ![:P](/media/kunena/emoticons/15.png ":P") Last edit: 11 years 6 months ago by [mdibrahim](/forum/user/36789-mdibrahim "View mdibrahim's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzQyMjIwLWxpZ2h0Ym94LWFuZC1wcm9kdWN0cy1saXN0P3RtcGw9bWFya2Rvd24=) 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.339 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)