diff --git a/packages/template-retail-react-app/CHANGELOG.md b/packages/template-retail-react-app/CHANGELOG.md
index 08c55dc7fc..5b0c45c5e7 100644
--- a/packages/template-retail-react-app/CHANGELOG.md
+++ b/packages/template-retail-react-app/CHANGELOG.md
@@ -11,7 +11,8 @@
- Replace transfer basket call with merge basket on checkout [#2138](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2138)
- [BUG] Fix images being fetced multiple times on Safari [#2223](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2223)
- Support Node 22 [#2218](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2218)
-
+tags
+- PDP / PLP: Add page meta data tags that have been defined in BM [#2232](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2232)
### Accessibility Improvements
- [a11y] Fix LinkList component to follow a11y practise [#2098])(https://github.com/SalesforceCommerceCloud/pwa-kit/pull/2098)
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.jsx b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
index ea7c8be085..51533402dc 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
@@ -99,7 +99,8 @@ const ProductDetail = () => {
'prices',
'variations',
'set_products',
- 'bundled_products'
+ 'bundled_products',
+ 'page_meta_tags'
],
allImages: true
}
@@ -455,7 +456,15 @@ const ProductDetail = () => {
>
{product?.pageTitle}
-
+ {product?.pageMetaTags?.length > 0 &&
+ product.pageMetaTags.map(({id, value}) => (
+
+ ))}
+ {/* Fallback for description if not included in pageMetaTags */}
+ {!product?.pageMetaTags?.some((tag) => tag.id === 'description') &&
+ product?.pageDescription && (
+
+ )}
diff --git a/packages/template-retail-react-app/app/pages/product-list/index.jsx b/packages/template-retail-react-app/app/pages/product-list/index.jsx
index d96422c7c7..52640fcb96 100644
--- a/packages/template-retail-react-app/app/pages/product-list/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-list/index.jsx
@@ -159,7 +159,14 @@ const ProductList = (props) => {
perPricebook: true,
allVariationProperties: true,
allImages: true,
- expand: ['promotions', 'variations', 'prices', 'images', 'custom_properties'],
+ expand: [
+ 'promotions',
+ 'variations',
+ 'prices',
+ 'images',
+ 'page_meta_tags',
+ 'custom_properties'
+ ],
refine: _refine
}
},
@@ -411,6 +418,9 @@ const ProductList = (props) => {
{category?.pageTitle ?? searchQuery}
+ {productSearchResult?.pageMetaTags?.map(({id, value}) => {
+ return
+ })}
{showNoResults ? (