-
-
How do I change the WooCommerce Product Image size please? This is the product image size that you first see when you view product listing. Ideally I would also like to change the size of the image that you see when you click on a product for more information. At the moment both image sizes are quite large and I would to reduce them.
-
I found out you can customise the images by going to Customise – WooCommerce – Product Images. I set 250 px for the Main image width but this had no effect and somehow the images are 100 px width.
I set the thumbnail size at 150 px but the images are still massive and take up way too much of the page.
Puzzled…
-
-
-
Hello,
Thank you for selecting our theme again!
Please make sure to upload the WooCommerce images again after the changes you made. Or run a plugin that regenerates thumbnails.
Let us know if the situation persists.Best regards!
-
Where can I find the file ‘functions-woocommerce.php’ please?
-
Hello,
In Appearance > Editor, see screenshot: https://postimg.cc/t1dq6k6Y
Or using a ftp account, go to folder wp-content/themes/specular/
See screenshot: https://postimg.cc/RJLZzRMkBest regards!
-
I edited the image sizes in ‘functions-woocommerce.php’ and then regenerated the images but still they are way to large.
The following page shows an example:
https://www.rat3d.co.uk/product-category/turkey-crown/
These images are huge and I need them to be much smaller, more like 160 x 160 px. The images appear in catalogue, and related images. The single image size seems ok for some reason.
-
Hello,
Try to add this cs sinto your Specular > General Options > Custom Css box:
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: auto !important; } .woocommerce ul.products li.product .overlay, .woocommerce-page ul.products li.product .overlay{ width: 58% !important;} ul.products li .button {left: 29% !important;}
Clear cache and try again.
Let us know.Best regards!
-
You must be logged in to reply to this topic.