Disable checkout menu when checkout block is default

[nielslange]

Submission Review Guidelines:

• I have followed the WooCommerce Contributing Guidelines and the WordPress Coding Standards.
• I have checked to ensure there aren't other open Pull Requests for the same update/change.
• I have reviewed my code for security best practices.
• Following the above guidelines will result in quick merges and clear and detailed feedback when appropriate.

Changes proposed in this Pull Request:

Closes #44120.

This PR adds the following changes:

• Disable the checkout menu item in the Customizer if the merchant is using a class theme and the Checkout block is the default checkout.
• Add a notification to the Customizer with a link that points to the editor page that contains the Checkout block.

Note

The acceptance criteria on #44120 mention "If the store has a block theme, the user should be redirected to the template". As the Customizer is not visible when using a block theme, I've skipped this acceptence criteria.

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Install and activate the Storefront theme.
2. Go to WooCommerce » Settings » Advanced and set the page with the Checkout block as the checkout page.
3. Go to Appearance » Customize » WooCommerce.
4. Verify that the Checkout menu item is disabled.
5. Verify that the notice Checkout can be customized in the Editor with your active theme. is visible.
6. Verify that the link in the Editor points to the editor page that contains the Checkout block.
7. Go to WooCommerce » Settings » Advanced and set the page with the checkout shortcode as the checkout page.
8. Go to Apperance » Customize » WooCommerce.
9. Verify that the Checkout menu item is not disabled and can be accessed.
10. Verify that the notice Checkout can be customized in the Editor with your active theme. is not visible.
11. Activate the Twenty Twenty-Four theme.
12. Verify that Appearance » Customize is not visible.

Before:

After:

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

Disable the checkout menu within Customizer when the checkout block is the default checkout page.

Comment

[github-actions]

Hi @senadir,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[github-actions]

Hi @senadir,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[github-actions]

Test Results Summary

Commit SHA: 25b41e2

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 38s
E2E Tests	65	0	0	286	0	351	7m 43s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[nielslange]

This section is needed to load the required dependencies. Without loading customize-controls, the notice will not appear.

[senadir]

This is a clever and working workaround, thank you for working on this Niels.

[nielslange]

This is a clever and working workaround, thank you for working on this Niels.

I'm glad to hear that, @senadir. And thanks for reviewing this PR. 🙌