Commit 2414b5c966a for woocommerce
commit 2414b5c966ae7e79840e9b2bb6db607a4a703e8e
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Tue Oct 20 17:38:41 2026 +0200
Purple: update 'Hero with text and one button', and 'Heading, image and list of features' patterns (#70019)
* Update three Purple patterns
* Add changelog
* Update Heading, image and list of features pattern
* Undo changes in Best sellers collection, and Featured products patterns
* Update changelog
* Move changelog file to Purple directory
diff --git a/themes/purple/changelog/fix-WOOPRD-3791-updates-three-pattern-in-purple b/themes/purple/changelog/fix-WOOPRD-3791-updates-three-pattern-in-purple
new file mode 100644
index 00000000000..11ad0427313
--- /dev/null
+++ b/themes/purple/changelog/fix-WOOPRD-3791-updates-three-pattern-in-purple
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Update Hero with text and one button, and Heading, image and list of features patterns
diff --git a/themes/purple/patterns/about-features-2-columns.php b/themes/purple/patterns/about-features-2-columns.php
index 9eb1879733e..add81768693 100644
--- a/themes/purple/patterns/about-features-2-columns.php
+++ b/themes/purple/patterns/about-features-2-columns.php
@@ -29,8 +29,8 @@
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px"/></figure>
+<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"},"layout":{"selfStretch":"fixedNoShrink","flexSize":"24px"}}} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px;height:auto"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
@@ -39,8 +39,8 @@
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px"/></figure>
+<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"},"layout":{"selfStretch":"fixedNoShrink","flexSize":"24px"}}} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px;height:auto"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
@@ -49,8 +49,8 @@
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
-<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}}} -->
-<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px"/></figure>
+<div class="wp-block-group"><!-- wp:image {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg","width":"24px","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"},"layout":{"selfStretch":"fixedNoShrink","flexSize":"24px"}}} -->
+<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-check.svg" alt="" style="width:24px;height:auto"/></figure>
<!-- /wp:image -->
<!-- wp:paragraph -->
diff --git a/themes/purple/patterns/hero-with-text-and-one-button.php b/themes/purple/patterns/hero-with-text-and-one-button.php
index b719545a274..0a107670bef 100644
--- a/themes/purple/patterns/hero-with-text-and-one-button.php
+++ b/themes/purple/patterns/hero-with-text-and-one-button.php
@@ -13,8 +13,8 @@
?>
<!-- wp:group {"metadata":{"name":"Hero with text and one button","categories":["woo-commerce","purple"],"patternName":"purple/hero-with-text-and-one-button"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-sweater-woman.webp","alt":"<?php esc_attr_e( 'Model in a dark green crewneck sweater on a green backdrop.', 'purple' ); ?>","dimRatio":20,"isUserOverlayColor":true,"minHeight":60,"minHeightUnit":"vh","contentPosition":"center center","sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:60vh"><img class="wp-block-cover__image-background size-full" alt="<?php esc_attr_e( 'Model in a dark green crewneck sweater on a green backdrop.', 'purple' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-sweater-woman.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-sweater-woman.webp","alt":"<?php esc_attr_e( 'Model in a dark green crewneck sweater on a green backdrop.', 'purple' ); ?>","dimRatio":20,"isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":0},"minHeight":60,"minHeightUnit":"vh","contentPosition":"center center","sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-cover alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:60vh"><img class="wp-block-cover__image-background size-full" alt="<?php esc_attr_e( 'Model in a dark green crewneck sweater on a green backdrop.', 'purple' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/green-sweater-woman.webp" style="object-position:50% 0%" data-object-fit="cover" data-object-position="50% 0%"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-20 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"level":1,"style":{"typography":{"textAlign":"center"}}} -->
<h1 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Just landed', 'purple' ); ?></h1>
<!-- /wp:heading -->