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 ? (