[Skip to main content](#vessel-content) # Lightbox for Product Listing & No Page Navigation ## - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago - 13 years 7 months ago [\#94904](#94904) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#94904 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* was created by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that. Last edit: 13 years 7 months ago by [j2012](/forum/user/14865-j2012 "View j2012's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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 7 months ago [\#94990](#94990) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#94990 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Hi, You can edit the view "product / listing_img_title" and edit the content in the tags "<!-- PRODUCT IMG -->" Replace the <a> link to a modal popup. You have to add the class modal. and Change the link,to link it to the picture. It require some php knowledge. Could you give us a link to your page ? Have you changed the pagination settings ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95129](#95129) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95129 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* [ justdemo.us/pam/index.php/shop](http://justdemo.us/pam/index.php/shop) Link to the store page. I have tried to change all the setting to show the navigation with no luck. And I've already tried that (found a possible solution on another page). This is what my listing_img_title php file looks like for the current template I'm using <!-- PRODUCT IMG --> <div style="height:<?php echo $this->image->main_thumbnail_div_y;?>px;text-align:center;clear:both;" class="hikashop_product_image"> <div style="position:relative;text-align:center;clear:both;width:<?php echo $this->image->main_thumbnail_div_x;?>px;margin: auto;" class="hikashop_product_image_subdiv"> <?php if($this->params->get('link_to_product_page',1)){ ?> <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;"> <?php } echo $this->image->display(@$this->row->file_path,false,$this->escape($this->row->file_name), '' , '' , $this->image->main_thumbnail_x, $this->image->main_thumbnail_y); $main_thumb_x = $this->image->main_thumbnail_x; $main_thumb_y = $this->image->main_thumbnail_y; $horizontal = '0'; $vertical = -'10'; $this->classbadge->placeBadges($this->image, $this->row->badges, $vertical, $horizontal); $this->image->main_thumbnail_x = $main_thumb_x; $this->image->main_thumbnail_y = $main_thumb_y; if($this->params->get('link_to_product_page',1)){ ?> </a> <?php } ?> </div> </div> <!-- EO PRODUCT IMG --> Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 13 years 7 months ago [\#95276](#95276) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95276 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Please make sure that the "Pagination" option of the configuration of HikaShop is not turned off, otherwise, you won't see the pagination. I checked the HTML of your listing page but I don't see your modification. I also see that you're using the item box layout "image and description" and not the default one "image and title". So you should edit the file "listing_img_desc" of the product view, otherwise, it's normal that you don't see any difference. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95359](#95359) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95359 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Okay, so I got the pagination to appear. Looks great. I also applied the code to the correct file (img_desc). Unfortunately, the popup shows a webpage instead of the image. How do I correct this? Secondly, I am having issues changing the number of products shown on the product listing. I have the product listing as a menu item. When I edit the number of items under the hikashop settings for that specific menu item, the number doesn't change (shows 6 no matter what I change it to). However, the other controls work (I can change the number of columns or type of layout). Am I missing something? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95395](#95395) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95395 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Fixed number of items, just need help with the lightbox feature! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95537](#95537) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95537 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Can anyone help fix the lightbox issue? I think it just needs a little tweaking. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95687](#95687) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95687 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Just want to bump this - not sure how to correct the way the lightbox appears on the product listing page. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 13 years 7 months ago [\#95921](#95921) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95921 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Hi, You should avoid bumping your messages as it goes back at the top of the queue on our end and thus you will have to wait more for us to answer you which is the opposite of what you want ![:)](/media/kunena/emoticons/3.png ":)") Regarding the lightbox, instead of the line: 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;"> which will display the full product page in the lightbox, you should instead use: Code: <a class="modal" rel="{handler: 'iframe', size: {x: 450, y: 480}}" href="<?php echo $link;?>?tmpl=component" title="<?php echo $this->escape($this->row->product_name); ?>" onhover="SqueezeBox.fromElement(this,{parse: 'rel'});return false;"> which will only display the content of the product page without the template. The following user(s) said Thank You: [j2012](/forum/user/14865-j2012 "View j2012's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation. - **[j2012](/forum/user/14865-j2012 "View j2012's Profile")** - [![j2012's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/14865-j2012 "View j2012's Profile") Topic Author - [ Offline](/forum/user/14865-j2012) Less More - Posts: 7 - Thank you received: 0 - - 13 years 7 months ago [\#95973](#95973) by [j2012](/forum/user/14865-j2012 "View j2012's Profile") Replied by *[j2012](/forum/user/14865-j2012 "View j2012's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#95973 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* Thank you. It looks great. How do I change the color of the popup box? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86322 - Thank you received: 14281 - - 13 years 7 months ago [\#96225](#96225) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Lightbox for Product Listing & No Page Navigation](/forum/4-how-to/79391-lightbox-for-product-listing-no-page-navigation#96225 "I have two things I'd like to resolve: 1. The lightbox effect for the product page - I'd like to apply this to the thumbnail images on the product listing page. How do I do this? 3. I can't seem to get my page navigation to show up at the bottom of my product listing. I have the number of items set to 6 but I have over that.")* That is no handled by HikaShop but Joomla. You will have to change the code: Code: \#sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } in the file [ justdemo.us/pam/media/system/css/modal.css](http://justdemo.us/pam/media/system/css/modal.css) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc5MzkxLWxpZ2h0Ym94LWZvci1wcm9kdWN0LWxpc3Rpbmctbm8tcGFnZS1uYXZpZ2F0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) 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.108 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)