[Blockifying Single Product Template]: Investigate how to apply WC Core styles to product template

[kmanijak]

Description

The Single Product Page has a main div that wraps all the elements, which has multiple classes. The style of the elements inside the wrapper is applied via CSS with the selector .product. For example, for the the Product Gallery element, the style is applied via this CSS rules:

woocommerce div.product div.woocommerce-product-gallery

This means that all the elements should have, as a parent, a div with the product class. With the div without the product class the page is broken.

Goal

Investigate possibility of handling that with goals in mind:

• keep the current styling
• don't break the extensibility (extensions might be relying on the current DOM structure)

Ref: per0F9-fk-p2