Commit b5e1fc7b4a1 for woocommerce
commit b5e1fc7b4a18514b38b4eba6b6dd62a3f894cd7a
Author: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Date: Thu Oct 8 15:34:27 2026 +0200
Add styling supports to category title and description blocks (#69600)
* Add styling supports to category title and description blocks
* Add changelog entries for category block styling
* Remove anchor support from category blocks
* Update category block styling changelogs
* Remove duplicate Blocks changelog entry
diff --git a/docs/block-development/reference/block-references.md b/docs/block-development/reference/block-references.md
index 524e086feee..3600f2f362b 100644
--- a/docs/block-development/reference/block-references.md
+++ b/docs/block-development/reference/block-references.md
@@ -396,7 +396,7 @@ Displays the current category description.
- **Name:** woocommerce/category-description
- **Category:** woocommerce
-- **Supports:** color (background, text), spacing (margin, padding), typography, ~~align~~, ~~html~~
+- **Supports:** color (background, gradients, link, text), spacing (margin, padding), typography (fontSize, lineHeight), ~~align~~, ~~html~~
- **Attributes:** textAlign
## Product Category Title - woocommerce/category-title
@@ -405,7 +405,7 @@ Displays the current category title and lets permitted users edit it.
- **Name:** woocommerce/category-title
- **Category:** woocommerce
-- **Supports:** color (background, text), spacing (margin, padding), typography, ~~align~~, ~~html~~
+- **Supports:** color (background, gradients, link, text), spacing (margin, padding), typography (fontSize, lineHeight), ~~align~~, ~~html~~
- **Attributes:** isLink, level, linkTarget, rel, textAlign
## Checkout - woocommerce/checkout
diff --git a/plugins/woocommerce/changelog/codex-category-block-styling-supports b/plugins/woocommerce/changelog/codex-category-block-styling-supports
new file mode 100644
index 00000000000..93e1929c09e
--- /dev/null
+++ b/plugins/woocommerce/changelog/codex-category-block-styling-supports
@@ -0,0 +1,4 @@
+Significance: minor
+Type: enhancement
+
+Add typography, gradient, link color, and border controls to product category title and description blocks.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/category-description/block.json b/plugins/woocommerce/client/blocks/assets/js/blocks/category-description/block.json
index e183887c743..66582a503c0 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/category-description/block.json
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/category-description/block.json
@@ -14,14 +14,31 @@
"align": false,
"color": {
"background": true,
- "text": true
+ "text": true,
+ "gradients": true,
+ "link": true
},
"html": false,
"spacing": {
"margin": true,
"padding": true
},
- "typography": true
+ "typography": {
+ "fontSize": true,
+ "lineHeight": true,
+ "__experimentalFontFamily": true,
+ "__experimentalFontWeight": true,
+ "__experimentalFontStyle": true,
+ "__experimentalTextTransform": true,
+ "__experimentalTextDecoration": true,
+ "__experimentalLetterSpacing": true
+ },
+ "__experimentalBorder": {
+ "color": true,
+ "radius": true,
+ "style": true,
+ "width": true
+ }
},
"usesContext": [ "termId", "termTaxonomy", "taxonomy" ]
}
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/category-title/block.json b/plugins/woocommerce/client/blocks/assets/js/blocks/category-title/block.json
index 904ccf2173a..b57e6857246 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/category-title/block.json
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/category-title/block.json
@@ -30,14 +30,31 @@
"align": false,
"color": {
"background": true,
- "text": true
+ "text": true,
+ "gradients": true,
+ "link": true
},
"html": false,
"spacing": {
"margin": true,
"padding": true
},
- "typography": true
+ "typography": {
+ "fontSize": true,
+ "lineHeight": true,
+ "__experimentalFontFamily": true,
+ "__experimentalFontWeight": true,
+ "__experimentalFontStyle": true,
+ "__experimentalTextTransform": true,
+ "__experimentalTextDecoration": true,
+ "__experimentalLetterSpacing": true
+ },
+ "__experimentalBorder": {
+ "color": true,
+ "radius": true,
+ "style": true,
+ "width": true
+ }
},
"usesContext": [ "termId", "termTaxonomy", "taxonomy" ]
}