Blockifying Single Product Template

[gigitux]

We are looking to blockifying the Single Product Template to empower the merchant to use the features of the Site Editor to create a Single Product Page.

New Blocks

• Create the Add to Cart block #8188
• Create the Single Product Details block #8186
• Create Breadcrumbs Block. #8063
• Create Product Image Gallery block #8233
• Product Price block: add support to the Single Product Template #8479
• Single Product Template: Create a template part called Product Meta #8465
• Blockifying Single Product Template: Related Products block #8481
• Create Single Product block #8568
• Product Rating: Add the support for the Single Product Template #9287

Patterns

• Create Single Product Patterns (Simple) #8190
• Create Single Product Patterns (Complex) #8191

Design

• Product Rating block: Show "No reviews" label rather than empty starts when product has no reviews #9666
• Sale price underlined in single product template #9659
• Blockified Single Product Template: Modify the default header level for the product title from h2 to h1 #9695
• Add to Cart Form Block naming discussion #8453
• Icon for the Product Details block #8427
• Product Meta block: Icon and description #8630
• Related Products: improve preview on the editor side #8817
• Add to Cart Form: improve preview on the editor side  #8818

Compatibility with extensions

• Research how extensions extend Single Product template #8204
• Implement the compatibility layer for blockified Single Product Template #8205

Migration strategy

• Provide a way to easily switch to the blockified Single Product Template #8208
• Make the blockified Single Product template default for the new stores #8209

Investigation about Product Type templates for Single Product views

• Product Type templates for Single Product views #8146

Wrapper/No-Wrapper/Template Parts

• Investigate whether a parent block should wrap the blocks [Blockifying Single Product Template] Investigate whether a parent block should wrap the blocks #8056
• [Blockifying Single Product Template]: Investigate how to apply WC Core styles to product template #8314

Default configuration

• Provide a default HTML for the Single Product Template #8480

Bugs

• Blockified Single Product Template: there are two groups block that wrap the Single Product Template #9662
• Add to Cart with Options: Redirects to the product page after clicking the button #8771
• Product Image Gallery block not showing Sale Badge #8528
• Related Products Block and group products: wrong results #8589
• The WooCommerce Product Grid Block block is not visible on the front end when the Products block is on the same page. #8505
• Compatibility Layer: WP crashes if in the Single Product Template, there is only the Product Meta block #8629
• Single Product Template Compatibility Layer: On the first block, the hooks are injected before the div wrapper #8701
• Product Image Gallery: placeholder goes outside the block selection #8742
• Single Product Template, Product Price and Tsubaki theme: the product picker is rendered #8743
• Product SKU is empty when inserted inside the Product Meta block #8962
• Single Product Template and Product Image Gallery: Product Image Gallery displays inline on the frontend #9000
• Product Reviews: Reviews counter not displaying #8970
• Single Product Block missing meta information on frontend #9030
• Related Products Block not Respecting 'Items per Page' Option #9122
• Resizing the browser window with a Product Image Gallery does not auto adjust width of the Gallery, overlapping content. #9091
• Product Rating block: Nothing happens when clicking on Add review link  #9270
• Product Rating Block: When it is added manually inside the Single Product Block isn't visible on the frontend #9333
• Product Meta block & Product Details block icons have fill color #9417

Improvements

• Blockified Single Product Template: inject the product-specific classes like WooCommerce Core  #9686
• Post Excerpt: Displays the post type name as preview in the editor WordPress/gutenberg#48964
• Post Title: Displays the post type name as preview in the editor WordPress/gutenberg#48963
• Blockified Single Product Template: Provide a way for the user to easily roll back to the Classic Template #8853
• Improve Transform Classic Product Template UX #9300

Low Priority

• Single Product block - Storefront theme: When it is added a product with this block, the Storefront Mini Cart doesn't update #5812
• When the Product Image Gallary block is before the Store breadcrumbs block, the lens is shown outside the image #9402

[ghost]

It would be great if custom fields are added in this related.

Similar to this plugin:
https://de.wordpress.org/plugins/woo-custom-product-addons/

[gigitux]

All the issues related to this project have been merged in trunk! 🚀