Commit 7ee2b764efd for woocommerce

commit 7ee2b764efd76b2b778cb7ae61ee7876d8b2099d
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date:   Mon Aug 3 12:23:24 2026 +0200

    Improve vertical alignment in default Product Collections (#67056)

    * Improve alignment in default Product Collection templates

    * Add changelog entry for Product Collection alignment

    * Fix product title width in flex layouts

    * Use typography alignment for product titles

diff --git a/plugins/woocommerce/changelog/54066-align-product-collection-elements b/plugins/woocommerce/changelog/54066-align-product-collection-elements
new file mode 100644
index 00000000000..ea2193eb47a
--- /dev/null
+++ b/plugins/woocommerce/changelog/54066-align-product-collection-elements
@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+Improve vertical alignment in default Product Collection templates.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/product-collection/constants.ts b/plugins/woocommerce/client/blocks/assets/js/blocks/product-collection/constants.ts
index 6826b519786..91e690b7990 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/product-collection/constants.ts
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/product-collection/constants.ts
@@ -128,58 +128,77 @@ export const INNER_BLOCKS_PRODUCT_TEMPLATE: InnerBlockTemplate = [
 	{},
 	[
 		[
-			'woocommerce/product-image',
+			'core/group',
 			{
-				showSaleBadge: false,
 				style: {
 					dimensions: {
-						aspectRatio: '1/1',
+						minHeight: '100%',
+					},
+					spacing: {
+						blockGap: '0.75rem',
 					},
 				},
+				layout: {
+					type: 'flex',
+					orientation: 'vertical',
+					flexWrap: 'nowrap',
+					justifyContent: 'center',
+				},
 			},
 			[
 				[
-					'woocommerce/product-sale-badge',
+					'woocommerce/product-image',
 					{
-						align: 'right',
+						showSaleBadge: false,
+						style: {
+							dimensions: {
+								aspectRatio: '1/1',
+							},
+						},
 					},
+					[
+						[
+							'woocommerce/product-sale-badge',
+							{
+								align: 'right',
+							},
+						],
+					],
 				],
-			],
-		],
-		[
-			'core/post-title',
-			{
-				textAlign: 'center',
-				level: 2,
-				fontSize: 'medium',
-				style: {
-					spacing: {
-						margin: {
-							bottom: '0.75rem',
-							top: '0',
+				[
+					'core/post-title',
+					{
+						level: 2,
+						fontSize: 'medium',
+						style: {
+							layout: {
+								selfStretch: 'fill',
+								flexSize: null,
+							},
+							typography: {
+								lineHeight: '1.4',
+								textAlign: 'center',
+							},
 						},
+						isLink: true,
+						__woocommerceNamespace: PRODUCT_TITLE_NAME,
 					},
-					typography: {
-						lineHeight: '1.4',
+				],
+				[
+					'woocommerce/product-price',
+					{
+						textAlign: 'center',
+						fontSize: 'small',
 					},
-				},
-				isLink: true,
-				__woocommerceNamespace: PRODUCT_TITLE_NAME,
-			},
-		],
-		[
-			'woocommerce/product-price',
-			{
-				textAlign: 'center',
-				fontSize: 'small',
-			},
-		],
-		[
-			'woocommerce/product-button',
-			{
-				textAlign: 'center',
-				fontSize: 'small',
-			},
+				],
+				[
+					'woocommerce/product-button',
+					{
+						textAlign: 'center',
+						fontSize: 'small',
+					},
+				],
+			],
 		],
 	],
 ];
diff --git a/plugins/woocommerce/templates/templates/blockified/archive-product.html b/plugins/woocommerce/templates/templates/blockified/archive-product.html
index 8f822a80073..e09138cda39 100644
--- a/plugins/woocommerce/templates/templates/blockified/archive-product.html
+++ b/plugins/woocommerce/templates/templates/blockified/archive-product.html
@@ -19,12 +19,16 @@
 	<!-- wp:woocommerce/product-collection {"queryId":0,"query":{"woocommerceAttributes":[],"woocommerceStockStatus":["instock","outofstock","onbackorder"],"taxQuery":{},"isProductCollectionBlock":true,"perPage":10,"pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"div","dimensions":{"widthType":"fill","fixedWidth":""},"displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"convertedFromProducts":false,"queryContextIncludes":["collection"],"align":"wide"} -->
 	<div class="wp-block-woocommerce-product-collection alignwide">
 		<!-- wp:woocommerce/product-template -->
-		<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
+		<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
+		<div class="wp-block-group" style="min-height: 100%">
+			<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
 			<!-- wp:woocommerce/product-sale-badge {"isDescendentOfQueryLoop":true,"align":"right"} /-->
-		<!-- /wp:woocommerce/product-image -->
-		<!-- wp:post-title {"textAlign":"center","level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"typography":{"lineHeight":"1.4"}}} /-->
-		<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
-		<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
+			<!-- /wp:woocommerce/product-image -->
+			<!-- wp:post-title {"level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"lineHeight":"1.4","textAlign":"center"}}} /-->
+			<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+			<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+		</div>
+		<!-- /wp:group -->
 		<!-- /wp:woocommerce/product-template -->

 		<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
diff --git a/plugins/woocommerce/templates/templates/blockified/product-search-results.html b/plugins/woocommerce/templates/templates/blockified/product-search-results.html
index 67795853cac..8eccab1d632 100644
--- a/plugins/woocommerce/templates/templates/blockified/product-search-results.html
+++ b/plugins/woocommerce/templates/templates/blockified/product-search-results.html
@@ -17,12 +17,16 @@
 	<!-- wp:woocommerce/product-collection {"queryId":0,"query":{"woocommerceAttributes":[],"woocommerceStockStatus":["instock","outofstock","onbackorder"],"taxQuery":{},"isProductCollectionBlock":true,"perPage":10,"pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"div","dimensions":{"widthType":"fill","fixedWidth":""},"displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"convertedFromProducts":false,"queryContextIncludes":["collection"],"align":"wide"} -->
 	<div class="wp-block-woocommerce-product-collection alignwide">
 		<!-- wp:woocommerce/product-template -->
-		<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
+		<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
+		<div class="wp-block-group" style="min-height: 100%">
+			<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
 			<!-- wp:woocommerce/product-sale-badge {"isDescendentOfQueryLoop":true,"align":"right"} /-->
-		<!-- /wp:woocommerce/product-image -->
-		<!-- wp:post-title {"textAlign":"center","level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"typography":{"lineHeight":"1.4"}}} /-->
-		<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
-		<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
+			<!-- /wp:woocommerce/product-image -->
+			<!-- wp:post-title {"level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"lineHeight":"1.4","textAlign":"center"}}} /-->
+			<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+			<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+		</div>
+		<!-- /wp:group -->
 		<!-- /wp:woocommerce/product-template -->

 		<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
diff --git a/plugins/woocommerce/templates/templates/blockified/taxonomy-product_attribute.html b/plugins/woocommerce/templates/templates/blockified/taxonomy-product_attribute.html
index d51ecbe08a4..9cb1d4a4e10 100644
--- a/plugins/woocommerce/templates/templates/blockified/taxonomy-product_attribute.html
+++ b/plugins/woocommerce/templates/templates/blockified/taxonomy-product_attribute.html
@@ -21,12 +21,16 @@
 	<!-- wp:woocommerce/product-collection {"queryId":0,"query":{"woocommerceAttributes":[],"woocommerceStockStatus":["instock","outofstock","onbackorder"],"taxQuery":{},"isProductCollectionBlock":true,"perPage":10,"pages":0,"offset":0,"postType":"product","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":true},"tagName":"div","dimensions":{"widthType":"fill","fixedWidth":""},"displayLayout":{"type":"flex","columns":3,"shrinkColumns":true},"convertedFromProducts":false,"queryContextIncludes":["collection"],"align":"wide"} -->
 	<div class="wp-block-woocommerce-product-collection alignwide">
 		<!-- wp:woocommerce/product-template -->
-		<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
+		<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->
+		<div class="wp-block-group" style="min-height: 100%">
+			<!-- wp:woocommerce/product-image {"showSaleBadge":false,"imageSizing":"thumbnail","isDescendentOfQueryLoop":true} -->
 			<!-- wp:woocommerce/product-sale-badge {"isDescendentOfQueryLoop":true,"align":"right"} /-->
-		<!-- /wp:woocommerce/product-image -->
-		<!-- wp:post-title {"textAlign":"center","level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"typography":{"lineHeight":"1.4"}}} /-->
-		<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
-		<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small","style":{"spacing":{"margin":{"bottom":"1rem"}}}} /-->
+			<!-- /wp:woocommerce/product-image -->
+			<!-- wp:post-title {"level":2,"isLink":true,"fontSize":"medium","__woocommerceNamespace":"woocommerce/product-collection/product-title","style":{"layout":{"selfStretch":"fill","flexSize":null},"typography":{"lineHeight":"1.4","textAlign":"center"}}} /-->
+			<!-- wp:woocommerce/product-price {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+			<!-- wp:woocommerce/product-button {"textAlign":"center","isDescendentOfQueryLoop":true,"fontSize":"small"} /-->
+		</div>
+		<!-- /wp:group -->
 		<!-- /wp:woocommerce/product-template -->

 		<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->