Conversation
Size Change: +9 B (0%) Total Size: 1.12 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested as per testing instructions and it tests well for me.
Left a couple of comments, but neither blocking this from merging.
LGTM 👍
@@ -14,7 +14,7 @@ | |||
} | |||
} | |||
|
|||
.wp-block-woocommerce-legacy-template__placeholder-image { | |||
.editor-styles-wrapper .wp-block-woocommerce-legacy-template__placeholder-image { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If we're adding this class just for increased specificity, can we use wp-block-woocommerce-legacy-template__placeholder
instead of .editor-styles-wrapper
here? This way we're using only classes we control within the scope of our plugin.
@@ -0,0 +1 @@ | |||
<svg width="893" height="451" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="451" height="451" rx="2" fill="#E5E5E5"/><rect x="470" width="423" height="71" rx="2" fill="#E5E5E5"/><rect x="470" y="147" width="423" height="17" rx="2" fill="#E5E5E5"/><rect x="470" y="172" width="423" height="17" rx="2" fill="#E5E5E5"/><rect x="470" y="305" width="140" height="53" rx="2" fill="#E5E5E5"/><rect x="470" y="217" width="83" height="18" rx="2" fill="#E5E5E5"/><path d="M481.599 96.876a1 1 0 0 1 1.802 0l2.48 5.162a.998.998 0 0 0 .768.558l5.676.764a1 1 0 0 1 .557 1.714l-4.143 3.954a1 1 0 0 0-.293.903l1.028 5.634a1 1 0 0 1-1.459 1.06l-5.04-2.719a1 1 0 0 0-.95 0l-5.04 2.719a1 1 0 0 1-1.459-1.06l1.028-5.634a1 1 0 0 0-.293-.903l-4.143-3.954a1 1 0 0 1 .557-1.714l5.676-.764a.998.998 0 0 0 .768-.558l2.48-5.162ZM506.599 96.876a1 1 0 0 1 1.802 0l2.48 5.162a.998.998 0 0 0 .768.558l5.676.764a1 1 0 0 1 .557 1.714l-4.143 3.954a1 1 0 0 0-.293.903l1.028 5.634a1 1 0 0 1-1.459 1.06l-5.04-2.719a1 1 0 0 0-.95 0l-5.04 2.719a1 1 0 0 1-1.459-1.06l1.028-5.634a1 1 0 0 0-.293-.903l-4.143-3.954a1 1 0 0 1 .557-1.714l5.676-.764a.998.998 0 0 0 .768-.558l2.48-5.162ZM531.599 96.876a1 1 0 0 1 1.802 0l2.48 5.162a.998.998 0 0 0 .768.558l5.676.764a1 1 0 0 1 .557 1.714l-4.143 3.954a1 1 0 0 0-.293.903l1.028 5.634a1 1 0 0 1-1.459 1.06l-5.04-2.719a1 1 0 0 0-.95 0l-5.04 2.719a1 1 0 0 1-1.459-1.06l1.028-5.634a1 1 0 0 0-.293-.903l-4.143-3.954a1 1 0 0 1 .557-1.714l5.676-.764a.998.998 0 0 0 .768-.558l2.48-5.162ZM556.599 96.876a1 1 0 0 1 1.802 0l2.48 5.162a.998.998 0 0 0 .768.558l5.676.764a1 1 0 0 1 .557 1.714l-4.143 3.954a1 1 0 0 0-.293.903l1.028 5.634a1 1 0 0 1-1.459 1.06l-5.04-2.719a1 1 0 0 0-.95 0l-5.04 2.719a1 1 0 0 1-1.459-1.06l1.028-5.634a1 1 0 0 0-.293-.903l-4.143-3.954a1 1 0 0 1 .557-1.714l5.676-.764a.998.998 0 0 0 .768-.558l2.48-5.162ZM581.599 96.876a1 1 0 0 1 1.802 0l2.48 5.162a.998.998 0 0 0 .768.558l5.676.764a1 1 0 0 1 .557 1.714l-4.143 3.954a1 1 0 0 0-.293.903l1.028 5.634a1 1 0 0 1-1.459 1.06l-5.04-2.719a1 1 0 0 0-.95 0l-5.04 2.719a1 1 0 0 1-1.459-1.06l1.028-5.634a1 1 0 0 0-.293-.903l-4.143-3.954a1 1 0 0 1 .557-1.714l5.676-.764a.998.998 0 0 0 .768-.558l2.48-5.162Z" fill="#E5E5E5"/></svg> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We'll need to replace this with the latest SVG provided by design. OK to leave it as is for now though and update it together with the Archive one in #5053.
* Add single-product.html template to render core PHP template * Update placeholder SVG
* Add single-product.html template to render core PHP template * Update placeholder SVG
For WooCommerce merchants to be able to fully utilize block themes, we need the most important WooCommerce core PHP templates to be available as block templates.
This PR adds a block template version of the single-product.php template.
Fixes #5032
Manual Testing
How to test the changes in this Pull Request:
Prerequisite: Please ensure you have a Block Template Theme activated such as TT1 and also the Gutenberg Plugin installed.
Single Product Page
template from theGeneral templates
section.Once you have followed the above steps, add the same template files to your
theme-dir/block-templates
and change the file contents so you can differentiate between the Woo Block template and the Theme template. Repeat the above steps starting from Step 2 and confirm the Theme template is preferred over the Woo Blocks templateChangelog