Lightbox and products list

  • Posts: 192
  • Thank you received: 1
12 years 7 months ago #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.


What does not kill you, makes you stronger.

Please Log in or Create an account to join the conversation.

  • Posts: 82725
  • Thank you received: 13338
  • MODERATOR
12 years 7 months ago #42394

Hi,

Try to change the line:

<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">

to:
<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 or Create an account to join the conversation.

  • Posts: 192
  • Thank you received: 1
12 years 7 months ago #42458

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


What does not kill you, makes you stronger.
Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82725
  • Thank you received: 13338
  • MODERATOR
12 years 7 months ago #42632

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 or Create an account to join the conversation.

  • Posts: 56
  • Thank you received: 2
11 years 5 months ago #105412

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:

<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">

to:
<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: 11 years 5 months ago by sideways.

Please Log in or Create an account to join the conversation.

  • Posts: 11
  • Thank you received: 0
9 years 9 months ago #186466

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 or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
9 years 9 months ago #186469

Hi,

You should find that:

<!-- 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 or Create an account to join the conversation.

  • Posts: 2
  • Thank you received: 0
9 years 6 months ago #197291

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 or Create an account to join the conversation.

  • Posts: 82725
  • Thank you received: 13338
  • MODERATOR
9 years 6 months ago #197300

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 or Create an account to join the conversation.

  • Posts: 2
  • Thank you received: 0
9 years 6 months ago #197359

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) :P

Last edit: 9 years 6 months ago by mdibrahim.

Please Log in or Create an account to join the conversation.

Time to create page: 0.079 seconds
Powered by Kunena Forum