Commit f29cc570074 for woocommerce
commit f29cc570074f91a292530fdf9059180e24618f78
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Mon Sep 7 17:30:28 2026 +0200
Add support for border styles to the Product Image block (#68342)
* Add changelog
* Add support for border styles to the Product Image block
* Remove unnecessary border from image placeholder
diff --git a/plugins/woocommerce/changelog/fix-WOOTHME-504-product-image-border-style b/plugins/woocommerce/changelog/fix-WOOTHME-504-product-image-border-style
new file mode 100644
index 00000000000..614e596970b
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-WOOTHME-504-product-image-border-style
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add support for border styles to the Product Image block
diff --git a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/block.json b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/block.json
index 92069f75d48..6cd3d2a1b8f 100644
--- a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/block.json
+++ b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/block.json
@@ -25,6 +25,9 @@
},
"html": false,
"__experimentalBorder": {
+ "color": true,
+ "width": true,
+ "style": true,
"radius": true,
"__experimentalSkipSerialization": true
},
diff --git a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/style.scss b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/style.scss
index cc76cfa6270..63bbba957be 100644
--- a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/image/style.scss
@@ -26,10 +26,6 @@
}
}
- img[alt=""] {
- border: 1px solid $image-placeholder-border-color;
- }
-
.wc-block-components-product-sale-badge {
&--align-left {
position: absolute;