Popup images

  • Posts: 8
  • Thank you received: 1
11 years 4 months ago #113374

Hello, i need help with two problems :unsure:
1. How to enable popup image on click at thumbnail at product listing? 1-st screenshot, click must be at orange area.
2. How to realise something like little button to popup image of category at category listing? at 2-nd screenshot example of that in Paint :laugh:
Thanks.





Attachments:
Last edit: 11 years 4 months ago by reeker.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #113383

Hi,

1. I think that this would require some code customization but you'll probably find your solution through this thread :

You can do that by editing the file "listing_img_title" of the view "product" via the menu Display->Views and changing the code..

2. This will also require some code customization to do it through the "listing_img" file of the "category" view of your front-end template.

The following user(s) said Thank You: reeker

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

  • Posts: 8
  • Thank you received: 1
11 years 4 months ago #113475

Thanks for link :) Maybe you can help me with one more problem? I need to display default thumbnail pic instead of loaded photo, but in popup must appear loaded photo, how to do that? Thanks

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

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #113524

You have to edit the view "product / show_block_img" for that.
Replace the line:

echo $this->image->display(@$image->file_path,true,@$image->file_name,'id="hikashop_main_image'.$variant_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"', $width,  $height);
By your custom html code which will display a default image, and the desired one in popup.
It require php knowledge.

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

  • Posts: 8
  • Thank you received: 1
11 years 4 months ago #113664

Maybe someone need solution of second question :)
Added this in /views/category/listing_img_title before </div>:

<?php JHTML::_('behavior.modal'); ?>
<a href="media/com_hikashop/upload/<?php echo $this->row->file_path?>" class=modal id=category_lupa> 
<div class=lupa ></div>
</a>
My CSS:
#category_lupa {position:relative; top:-45px; left:105px; margin:0px; height:25px; width:25px;} 
.lupa {display:block; text-align:left; background: url(../images/lupa.png) no-repeat; width:25px; height:25px; transition:all 0.3s linear;}
.lupa:hover {position:relative; background: url(../images/lupa_hover.png) no-repeat; width:27px; height:27px; left:-1; top:-1px;}

Attachments:
Last edit: 11 years 4 months ago by reeker.
The following user(s) said Thank You: Xavier

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

Time to create page: 0.105 seconds
Powered by Kunena Forum