This topic has 21 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Jack Richardson
Hi,
I want to change the product image size in the product page. Currently, in woocommerce settings, it is set to 300 x 300 and I have regenerated thumbnails but still the image size is showing much bigger than that.
Thank
Hello,
Please provide us with WP Dashboard credentials in private content.
Best regards,
Jack Richardson.
Check
Hello,
The credentials are incorrect.
Please check them.
Best regards,
Jack Richardson.
please check now
Hello,
Your original images sizes are too small. You should upload them with dimensions 1425px × 1900px approximately and they will be scaled to the sizes set in Woocommerce settings.
Please try it.
Regards,
Eva Kemp.
Hi Eva,
Ok will try that and get back to you
Thank you.
Hi,
I uploaded a picture with size 1400 x 1900 and the picture didn’t scale to 300 x 300 as per woocommerce settings. The full size is showing in the single product page.
Hello,
Please take our apologies but image dimensions can’t be changed on a single product page in theme options as they can be distorted. It can be edited only in the theme files wp-content/themes/legenda/woocommerce/single-product/product-image.php. Also changes in custom.css need to be made.
Best regards,
Jack Richardson.
Please check private message
Hello,
1. Do you want to change image size only on Shop page, not on single product pages?
2. You should refer to Woocommerce support regarding this query. Also these articles may help you:
https://wordpress.org/support/topic/remove-link-to-woocommerce-single-product-page-from-shop-cart-pages
https://www.skyverge.com/blog/woocommerce-remove-link-to-product-page/
Best regards,
Jack Richardson.
Hi,
1. I want to change images only in single product image
2. I was able to remove the link from the prdouct title..but i still need to remove the link from the product image in the shop.
Thank you
Hello,
Please provide us with FTP credentials.
Thank you.
Best regards,
Jack Richardson.
Hi Jack,
I prefer to do this myself. Appreciate if you can send me the steps.
Thank you
Hello,
Edit the file wp-content/themes/legenda/woocommerce/single-product/product-image.php in lines 46, 47 and set the needed sizes. Once it’s done please show us a single product page to customize the styles.
Best regards,
Jack Richardson.
Hi Jack,
I changed the width and height to 300 300 but still the same thing. Check the first product.
Please also advise about how to remove the link from the product image to the single product page.
Thank you
Hello,
Please try to use this code in custom.css file:
.single-product-page .images.shown {
width: 300px !important;
}
How to create custom.css you can watch in this tutorial.
Concerning the links on Shop page you need contact Woocommerce support team for the solution.
Regards,
Eva Kemp.
Hi Eva,
It worked. How can i change the height also?
Thank you
Hello,
Please use this code:
.single-product-page .images.shown {
height: 300px !important;
}
Regards,
Eva Kemp.
The height is not working. I added the code and it stayed the same.
Hello,
I’ve added this code in custom.css file:
.sxy-zoom-container .sxy-zoom-bg, .flex-viewport, .sxy-zoom-container {
height: 300px !important;
}
Please check images now.
Best regards,
Jack Richardson.
Tagged: best selling, image size, optimized, single product, themes, woocommerce
You must be logged in to reply to this topic.Log in/Sign up