This topic has 8 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Jack Richardson
Hi
When I prepare photo image size and resolution, i don’t found more detail step
at doc.
Since All my product photo are png high resolution, 2048 x 1152 px which is resize 400 x 400.
But at mobile is shown too small.
is it regenerating thumbnail ?
Could you have any documentation let me following step for preparation
photo size & resolution uploading at web ?
Thanks
Hello,
As I see your product images are shown fine on mobile:
http://storage2.static.itmages.com/i/15/0722/h_1437550242_8787915_0901415e0a.png
Sizes for images should be set as described in the documentation:
https://www.8theme.com/demo/docs/idstore/index.html#!/woocommerce_settings .
Original images should be uploaded with approximate dimensions 1135px × 1550px as they are on our demo site.
Thank you.
Regards,
Eva Kemp.
Hi
do I only upload one high resolution such 1135px * 1550px photo .
The woocommerce plugin will automatically resize our uploaded photo ?
Let me know if I am misunderstanding .
Thanks
Hello,
All your images should have original dimensions 1135px * 1550px.
They will be resized according to settings in Woocommerce > Settings > Products tab.
Regards,
Eva Kemp.
Hi,
I change the setting on Woocommerce > Settings > Products tab image sizes and also regenerate the thumbnail and product images but still it is showing big size and blurry image on single product display page. I want to make it smaller how to do that?
http://www.khadiplace.com/shop/personal-care/sat-shikakai/
Hello @Radhika,
Please provide us with WP Dashboard credentials in private content.
Best regards,
Jack Richardson.
Hi,
I have to make small size on home page and product page as well please tell me how to do that.
Hello @Radhika,
I’ve disabled the plugin YITH WooCommerce Zoom Magnifier and enabled our default zoom option in Theme Options > Single Product Page. Also you need add this code in custom.css file:
.sxy-zoom-container, .product-images-slider.main-images {
height: 350px !important;
width: 300px !important;
}
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).
After that check your images.
Best regards,
Jack Richardson.
You must be logged in to reply to this topic.Log in/Sign up