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
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.
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.
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
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.
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
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.
Hi Ziven, thank you very much for coming back to me. If you can fix it -- it will be great. I don’t mind waiting. You guys rock!
Regards,
Andrey
Hi Andrey,
Yes. I will fix this issue and get back you soon!
Hope you understand.
Best Regards,
Ziven.
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
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.
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
Hi There,
Could please share me some screenshot? I’m not sure understand your mean.
Best Regards,
Ziven.
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
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.
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
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.
Ha ha 🙂 Thank you so much it worked like a charm!
Andrey
Hi Andrey,
You are alway welcome. Please let me know if you need help further.
Best Regards,
Ziven.
