zoom with multiple images

I am using theme Bookshop which I’ve bought few month ago. having problems with Zoom on the product page when using multiple images for the product.
Regardless of the image I am looking at -- zoomed area always shows first/base picture.
Example any product http://new.bookyvedy.co.uk/e-shop/index.php/zolotoj-kljuchik-ili-prikljuchenija-buratino-2812.html
To reproduce -- Select product, click on one of the additional images -- on the ZOOM window there is a Zoomed view of the Base image. Changing images doesn’t make any difference.

This is not reproducible on the DEMO Website since all products there have only 1 image.

Regards,
Andrey

19 answers

Profile photo of Ziven Staff 100440.00 $tone September 5, 2016
Public

Hi Andrey,
It seems. You are using the older code. Please share the FTP account I will help you detect this issue.
Best Regards,
Ziven.

#1
Profile photo of Ziven Staff 100440.00 $tone September 6, 2016
Public

Hi Andrey,
It’s fixed. I changed the file: /e-shop/skin/frontend/default/jm_book/js/easy-slider.js
Please let me know if you need help further.
 
Best Regards,
Ziven.

#3
Profile photo of akozichev 150.00 $tone September 6, 2016
Public

Hi Ziven, thank you very much for the fix -- it look ok now. I can see correct images.
However the quality of Zoomed images is very poor. Original images have decent quality and you can read all the text in the books.
But if you try now to zoom in inside the book -- all words are blur.
It is not just one product -- seems like all products having this issue, especially this is noticeable with “text pages”.
Is there anything I can do to improve the quality of zoomed images?
 
Regards,
Andrey

#4
Profile photo of Ziven Staff 100440.00 $tone September 7, 2016
Public

Hi Andrey,
Yes. and i have fixed it for you. The file  changed is: /e-shop/app/design/frontend/default/jm_book/template/catalog/product/view/media.phtml
Please let me know if you need help futher.
Best Regards,
Ziven.

#5
Profile photo of akozichev 150.00 $tone September 7, 2016
Public

Hi Ziven, it looks much better now. Just now spotted one more issues -- if the book has more then 4 images associated -- I can see only first 4 and a half of the fifth -- and there is no scroll bar or arrows available to list all images. 
PS: You mentioned that I am using not the latest codebase, I suppose some of this issues were already fixed. Is it possible to get all the updates? so I don’t bug you every time for the issues which were already addressed.
 
Regards,
Andrey

#6
Profile photo of Ziven Staff 100440.00 $tone September 9, 2016
Public

Hi Andrey,
Please give more time to check this issue. It seem need chang to many in the code. 
Hope you understand.
Best Regards,
Ziven.

#7
Profile photo of akozichev 150.00 $tone September 23, 2016
Public

Hi Ziven, have you go any luck with fixing those images on the product page?
Also I have noticed that mobile version still has bad quality images on the frontpage. All products have blur images in the mobile view.
in a meanwhile the site went live as http://bookyvedy.co.uk, now the importance of all issues doubled!
If you can help here -- it would be great!
 
Regards,
Andrey

#10
Profile photo of Ziven Staff 100440.00 $tone September 26, 2016
Public

Hi There,
It working fine now: http://bookyvedy.co.uk/e-shop/index.php/zolotoj-kljuchik-ili-prikljuchenija-buratino-2862.html
I’m changed the files: 
/e-shop/app/design/frontend/default/jm_book/template/catalog/product/view/media.phtml
/e-shop/skin/frontend/default/jm_book/css/styles.css
Please let me know if you need help further
Best Regardz,
Ziven.
 

#11
Profile photo of akozichev 150.00 $tone September 26, 2016
Public

Hi Ziven, this is much better now the scrolling of images looks ok now. However I can still see blur images on the mobile view when checking list of items through search or on a home page. When I go to individual items  -- it is all good. But on a multiple products views -- the images all blur.
Once again it is only on mobile view when looking at multiple products -- through search, new products on the home page or any other generalised view.
If you can fix this last thing -- it will be tip top!
Regards,
Andrey

#12
Profile photo of akozichev 150.00 $tone September 29, 2016
Public

Hi Ziven, sure. When I open home page from my iPhone I see products with pictures of similar quality: 
http://bookyvedy.co.uk/e-shop/media/temp/image1.PNG
http://bookyvedy.co.uk/e-shop/media/temp/image2.PNG
The quality is poor. It must be the same issue, but for a mobile view. When I open individual product on my phone -- they look good.
 
Also would it be difficult to switch off mobile version completely? I couldn’t find any fast way to do it.
 
Regards,
Andrey
 

#14
Profile photo of Ziven Staff 100440.00 $tone September 30, 2016
Public

Hi There,
Please go to the file: skin/frontend/default/jm_book/joomlart/jmproducts/css/jmproduct.css at line 31 and change the code like this

.jm-product-list .products-grid .product-image img {
display: inline-block;
height: auto;
max-width: 100%;
width: auto; <-- add new
}

Hope it will help see better.
Best Regards,
Ziven.
 

#15
Profile photo of akozichev 150.00 $tone October 6, 2016
Public

Hi Ziven, sorry for taking long time to get back to you.
I have applied advised changes and now frontpage on mobile looks better, however when I select on mobile any of the Categories -- the image inside still have poor quality and blur. This is only on mobile version of the website.
Can you please have look once again?
 
Regards,
Andrey

#16
Profile photo of Ziven Staff 100440.00 $tone October 7, 2016
Public

Hi Andrey,
Haha, I Know you will need to get back to me about this problem. Sorry for about not tell you soon. 
For this problem please go to the file: http://bookyvedy.co.uk/e-shop/skin/frontend/default/jm_book/css/styles.css at line 7773

.category-products .product-image img, 

.products-grid .product-image img {

display: block;

height: auto;

width: 100%; --> change to width: auto;

vertical-align: middle;

margin: auto --> add new

}

Hope it will help you.
Best Regards,
Ziven.
 
 
 
 
 

#17

Please login or Register to Submit Answer

Written By

Comments