diff --git a/assets/js/atomic/blocks/product-elements/product-details/block.json b/assets/js/atomic/blocks/product-elements/product-details/block.json index c5133768f27..2919a826fab 100644 --- a/assets/js/atomic/blocks/product-elements/product-details/block.json +++ b/assets/js/atomic/blocks/product-elements/product-details/block.json @@ -3,7 +3,7 @@ "version": "1.0.0", "icon": "info", "title": "Product Details", - "description": "A block that allows your customers to see details and reviews about the product.", + "description": "Display a product’s description, attributes, and reviews.", "category": "woocommerce", "keywords": [ "WooCommerce" ], "supports": { diff --git a/assets/js/atomic/blocks/product-elements/product-details/index.tsx b/assets/js/atomic/blocks/product-elements/product-details/index.tsx index 7dfa8e97bd4..0ffdc64d2b5 100644 --- a/assets/js/atomic/blocks/product-elements/product-details/index.tsx +++ b/assets/js/atomic/blocks/product-elements/product-details/index.tsx @@ -2,6 +2,7 @@ * External dependencies */ import { registerBlockSingleProductTemplate } from '@woocommerce/atomic-utils'; +import { WC_BLOCKS_IMAGE_URL } from '@woocommerce/block-settings'; /** * Internal dependencies @@ -14,6 +15,18 @@ registerBlockSingleProductTemplate( { // @ts-expect-error: `metadata` currently does not have a type definition in WordPress core blockMetadata: metadata, blockSettings: { + icon: { + src: () => { + return ( + <> + + + ); + }, + }, edit, ancestor: [ 'woocommerce/single-product' ], }, diff --git a/images/blocks/product-details/product-details-icon.svg b/images/blocks/product-details/product-details-icon.svg new file mode 100644 index 00000000000..ef2a705b50b --- /dev/null +++ b/images/blocks/product-details/product-details-icon.svg @@ -0,0 +1,5 @@ + + + + +