zoom image with clicking on it

02.03.2015 17:25
#1
saraee
Joomshopping forum user no avatar
Name: Sara
04.02.2014
Posts: 8
Quote
zoom image with clicking on it

Thanks so much for great joomshopping. I wanted to know is there any way to zoom the thumbnail without using the panel. I mean I want to show the light box (which shows big picture) with clicking on the thumbnail. Is it possible?


Joomla: 3.2
JoomShopping: 4.8
 
03.03.2015 07:55
#2
webdesigner
(Support Team)
User webdesigner
Name: Admin
05.08.2010
Posts: 16513
Quote
Aw: zoom image with clicking on it

Yes.
Error?

 
03.03.2015 13:18
#3
saraee
Joomshopping forum user no avatar
Name: Sara
04.02.2014
Posts: 8
Quote
Aw: zoom image with clicking on it

I don't have any error. I want to do this but don't know how I can do. I mean I want the zoom happens by clicking on the thumbnail picture of the product not with the zoom icon.
Thanks.

 
03.03.2015 20:14
#4
webdesigner
(Support Team)
User webdesigner
Name: Admin
05.08.2010
Posts: 16513
Quote
Aw: zoom image with clicking on it

See http://demo.joomshopping.com/cars/coupe

 
04.03.2015 06:51
#5
saraee
Joomshopping forum user no avatar
Name: Sara
04.02.2014
Posts: 8
Quote
Aw: zoom image with clicking on it

Thanks for the link.I know normally the zoom is like the link you sent but I want to change this zoom steps. Right now, zoom has 2 steps. First I should click on the thumbnail and second I should click on the zoom icon to open the light box. what I want is having zoom by one step. I mean when I click on the thumbnail, the light box should be open.
What I mean is some thing like below link that with one click the light box opens:
http://www.najar.ca/en/apis-components/joomla/8-auto-zoom-en

 
04.03.2015 07:47
#6
webdesigner
(Support Team)
User webdesigner
Name: Admin
05.08.2010
Posts: 16513
Quote
Aw: zoom image with clicking on it

Change template
components\com_jshopping\templates\default\product\product_default.php

 
19.03.2015 21:56
#7
saraee
Joomshopping forum user no avatar
Name: Sara
04.02.2014
Posts: 8
Quote
Aw: zoom image with clicking on it

sorry for my delay. Please give me some points to do so. I know by clicking on the thumbnail image showImage(x) function is called and the image is loaded in span: list_product_image_middle. Should I change this function to be able to see the light box by clicking on the thumbnail it self?

 
06.04.2015 14:27
#8
saraee
Joomshopping forum user no avatar
Name: Sara
04.02.2014
Posts: 8
Quote
Aw: zoom image with clicking on it

At last the problem solved with changing in line 65 of the below file:
components\com_jshopping\templates\default\product\product_default.php
<a class="lightbox mm" style="display:inline-block !important" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($k!=0){?>style="display:inline-block"<?php }?>>
<img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>" onclick="showImage(<?php print $image->image_id?>)" />
</a>

 
30.08.2015 14:41
#9
aurelia
Joomshopping forum user no avatar
Name: Helen
09.10.2012
Posts: 16
Quote
Aw: zoom image with clicking on it

Please can you give an example of the text in the product_default.php that needs to be replaced with this code. It is not clear to me to only go to Line 65.

I have attached the product_default.php file in its unchanged state (Could only upload it as a txt file)
product_default.txt


Joomla: 3.4.3
JoomShopping: 4.10.4

Letzte Ă„nderung: 30.08.2015 14:49
 
Copyrights MAXXmarketing GmbH. All Rights Reserved