-
Posts
-
Hi team,
Thank you for everything that you do!!!
Question about product sizing in the Shop.
I normally use 390×485 photos for the product pages, but decided to try bigger ones this time around to get better resolution. I simply made the photos double in size: 780×970… thinking they would fit exactly the same in the containers, but would just look sharper.
That isn’t what happened. For some reason, when using the larger sized photos, the new products appear square in the Shop:
Please see here: https://imgur.com/a/NFFCqEf
Website: bonjiglass.com/shop
Is there any way to have the older longer format, but using the newer higher resolution photos?
Best,
-DanielHey Dzimnikov,
Thank you for hte inquiry.
You may need to adjust the settings under Appearance > Customize > WooCommerce > Product Images. Set the Thumbnail Cropping option to Uncropped, then adjust the width and height values as needed.
Best regards,
IsmaelI tried the above, played around with all the options, I couldn’t get the images to change. Not sure what I’m doing wrong.
I like the current size of the items in the shop, just want to use higher resolution images with the same aspect ratio.
Thank you so much for your help
Hi,
Thank you for the update.
We added this filter in the functions.php file:
add_filter('avf_wc_before_shop_loop_item_title_img_size', function($thumb) { return 'large'; }, 10, 1);A larger version of the product image is now loaded on the shop page.
This may vary across different screen sizes due to the srcset attribute and how the browser selects the appropriate thumbnail based on the current screen size.
Best regards,
Ismael
- You must be logged in to reply to this topic.