Lightbox and products list

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:
to:
in the file listing_img_title of the view product via the menu Display->Views.

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 when you place your mouse cursor over themeforest.net/item/newspaper-portal-an...mb&WT.z_author=Nesia

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.

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.

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?

Hi,

You should find that: 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.

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?

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.

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