Lightbox for Product Listing & No Page Navigation

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 ?

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 -->

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?

Fixed number of items, just need help with the lightbox feature!

Can anyone help fix the lightbox issue? I think it just needs a little tweaking.

Just want to bump this - not sure how to correct the way the lightbox appears on the product listing page.

Thank you. It looks great. How do I change the color of the popup box?