From a8d979c47b5fc55c9a4aac193dcd508cdefb8104 Mon Sep 17 00:00:00 2001 From: Alex Florisca Date: Wed, 12 Jan 2022 17:50:48 +0000 Subject: [PATCH] Default all product images to "cropped" and actual image width (https://github.com/woocommerce/woocommerce-blocks/pull/5551) * Default imageSizing for the all products block to 'cropped' * set max-width:100%, width: auto on product grid images --- plugins/woocommerce-blocks/assets/css/style.scss | 3 ++- .../woocommerce-blocks/assets/js/blocks/products/base-utils.js | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/plugins/woocommerce-blocks/assets/css/style.scss b/plugins/woocommerce-blocks/assets/css/style.scss index 5f6942bd230..1b8eb39dfb5 100644 --- a/plugins/woocommerce-blocks/assets/css/style.scss +++ b/plugins/woocommerce-blocks/assets/css/style.scss @@ -22,7 +22,8 @@ img { height: auto; - width: 100%; + width: auto; + max-width: 100%; &[hidden] { display: none; diff --git a/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js b/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js index 9c855eec24c..223012cf50b 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js +++ b/plugins/woocommerce-blocks/assets/js/blocks/products/base-utils.js @@ -2,7 +2,7 @@ * The default layout built from the default template. */ export const DEFAULT_PRODUCT_LIST_LAYOUT = [ - [ 'woocommerce/product-image' ], + [ 'woocommerce/product-image', { imageSizing: 'cropped' } ], [ 'woocommerce/product-title' ], [ 'woocommerce/product-price' ], [ 'woocommerce/product-rating' ],