Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Provide a way to switch to the blockified Single Product Template #8324

Merged
merged 197 commits into from
Mar 23, 2023

Conversation

albarin
Copy link
Contributor

@albarin albarin commented Jan 30, 2023

Fixes #8208

Screenshots

Before After
Screenshot 2023-01-30 at 12 41 58
Screen.Capture.on.2023-03-23.at.09-43-02.mp4

Testing

Automated Tests

User-Facing Testing

Prerequisites:

WordPress: >=6.1
Make sure Single Product template is cleared out to the default state. To achieve that:

  1. Go to (/wp-admin/site-editor.php?postType=wp_template)
  2. Click three dots next to the template and click Clear customizations
Steps
  1. Enter the Single Product template.
  2. Check that the placeholder description says "This block serves as a placeholder for your WooCommerce Single Product Block. We recommend upgrading to the Single Products block for more features to edit your products visually. Don't worry, you can always revert back.".
  3. Click the Upgrade to Blockified Single Product Template button.
  4. See new templates work in the Site Editor and on the front end.

WooCommerce Visibility

  • WooCommerce Core
  • Feature plugin
  • Experimental

Changelog

Enable users to migrate to the blockified Single Product template.

Description updated by @gigitux

thealexandrelara and others added 30 commits January 17, 2023 18:57
Add Product Image Gallery
When used in a Row block in a blockified Archive Product template, Product Results Count had additional unnecessary margin which caused misalignment with the Catalog Sorting block
It was added couple of commits earlier, since the template was kept there, but it was decided to move it to assets directory, so entry is no longer necessary
…on the availability to convert to Products block
…/woocommerce-blocks into add/convert-classic-template
…ed template blocks aligned wide

That is required, so the Classic Template layout is preserved
@gigitux gigitux removed the status: blocked The issue is blocked from progressing, waiting for another piece of work to be done. label Mar 22, 2023
@gigitux
Copy link
Contributor

gigitux commented Mar 22, 2023

The PR is ready to be reviewed! @thealexandrelara @kmanijak

Copy link
Contributor

@thealexandrelara thealexandrelara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have some points that I'd like to discuss before approving:

  1. I noticed that the Related Products block does not have the title for the section, and probably this is happening because a wp-block-heading block is missing before the Related Products block.
    image

  2. I also noticed that the Product Details and the Related Products blocks have a smaller width than the blocks above. The classic template for the Single Product block had a width of 1000px, so I'm wondering if we should set this width for the Group block that is wrapping all the blocks, what do you think?

@gigitux
Copy link
Contributor

gigitux commented Mar 23, 2023

Could you let me know if you pulled the last changes on this repo? The things that you noticed should be already fixed 🤔

Screen.Capture.on.2023-03-23.at.09-43-02.mp4

Copy link
Contributor

@thealexandrelara thealexandrelara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @gigitux, I think it might be related to a cache issue, now it is working perfectly. Approving this PR. Thank you all for working on this!

@github-actions github-actions bot added this to the 9.9.0 milestone Mar 23, 2023
@gigitux gigitux merged commit df08f02 into trunk Mar 23, 2023
@gigitux gigitux deleted the add/8208-convert-single-product branch March 23, 2023 17:00
danielwrobert added a commit that referenced this pull request Mar 29, 2023
By removing the `isExperimentalBuild` conditional checks in the Classic
Template block, we can ensure the features added in #8324 will land in
WooCommerce Core and are not limited to the feature plugin.

See p1680000654295729-slack-C02UBB1EPEF for additional context.
danielwrobert added a commit that referenced this pull request Mar 30, 2023
* Remove isExperimentalBuild checks.

By removing the `isExperimentalBuild` conditional checks in the Classic
Template block, we can ensure the features added in #8324 will land in
WooCommerce Core and are not limited to the feature plugin.

See p1680000654295729-slack-C02UBB1EPEF for additional context.

* Revert isExperimentalBuild removal on registration

The conditional `isExperimentalBuild` conditional check that was
wrapping some conditional registration of the classic template
block seems to be  unrelated to the template conversion/migration.

This is something we can revisit and test separately but should not be
included in this changeset.
tarunvijwani pushed a commit that referenced this pull request Mar 30, 2023
* Remove isExperimentalBuild checks.

By removing the `isExperimentalBuild` conditional checks in the Classic
Template block, we can ensure the features added in #8324 will land in
WooCommerce Core and are not limited to the feature plugin.

See p1680000654295729-slack-C02UBB1EPEF for additional context.

* Revert isExperimentalBuild removal on registration

The conditional `isExperimentalBuild` conditional check that was
wrapping some conditional registration of the classic template
block seems to be  unrelated to the template conversion/migration.

This is something we can revisit and test separately but should not be
included in this changeset.
opr added a commit that referenced this pull request Apr 3, 2023
* Empty commit for release pull request

* Add WC Blocks 9.9.0 changelog

* Update supported versions for WC Blocks 9.9.0

* Update versions for WC Blocks 9.9.0

* Add testing notes for 9.90 release

* Update testing instructions

Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com>

* Remove active the latest trunk part from the testing instructions

Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com>

* Add instructions to activate WP release candidates

- Add the editor type for each reference.
- Add instructions to activate WP release candidate

* Fix readme file reference

* Fix unlinked border widths in WP 6.2 (#8893)

* Check for address on shippingData (#8878)

* Make a Single Product conversion enabled in Core, but keep the Product Archive behind experimental flag (#8907)

* Remove `isExperimentalBuild` Checks in Classic Template Block (#8902)

* Remove isExperimentalBuild checks.

By removing the `isExperimentalBuild` conditional checks in the Classic
Template block, we can ensure the features added in #8324 will land in
WooCommerce Core and are not limited to the feature plugin.

See p1680000654295729-slack-C02UBB1EPEF for additional context.

* Revert isExperimentalBuild removal on registration

The conditional `isExperimentalBuild` conditional check that was
wrapping some conditional registration of the classic template
block seems to be  unrelated to the template conversion/migration.

This is something we can revisit and test separately but should not be
included in this changeset.

* Update changelog and testing instructions to include cherry-picked PRs

* Update release zip

* Update readme to be in correct order

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Tarun Vijwani <tarun.vijwani@automattic.com>
Co-authored-by: Thomas Roberts <5656702+opr@users.noreply.github.com>
Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>
Co-authored-by: kmanijak <karol.manijak@automattic.com>
Co-authored-by: Daniel W. Robert <danielwrobert@users.noreply.github.com>
Co-authored-by: Thomas Roberts <thomas.roberts@automattic.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
focus: FSE Work related to prepare WooCommerce for FSE. focus: template Related to API powering block template functionality in the Site Editor
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Provide a way to easily switch to the blockified Single Product Template
5 participants