New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[CYS on core] Update the WooCommerce Extensions Themes page to include references to the CYS #45468
[CYS on core] Update the WooCommerce Extensions Themes page to include references to the CYS #45468
Conversation
Test Results SummaryCommit SHA: f884719
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. |
… 'Design your own' button and their current active theme is not TT4
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: |
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.
Nice job! All is testing good! 👏
…e references to the CYS (#45468) * Introduce the new 'Design your own' button in the themes screen. * unify the SCSS margins * Add double quotes for woocommerce-marketplace__sub-header * Add the CYS banner to the marketplace. * Ensure each child in a list should have a unique 'key' prop * Update the NoAIBanner component to direct users to the CYS flow. * Add the customizeStoreDesignUrl const * Ditch navigateOrParent * Add the 'Browse the WordPress.org theme directory to discover more' link. * Ensure the warning Modal is displayed whenever the user clicks on the 'Design your own' button and their current active theme is not TT4 * Remove the unnecessary fragment * Add changefile(s) from automation for the following project(s): woocommerce * Fix lint. --------- Co-authored-by: github-actions <github-actions@github.com>
Submission Review Guidelines:
Changes proposed in this Pull Request:
Here a series of changes are being made to the WooCommerce Extensions Themes page to include references to the new CYS flow, including:
Add the Design your own button. If the current active theme is TT4, it directs users to the assembler, if not, the theme switch warning modal is displayed to confirm the user wants to proceed to the CYS flow and change their current active theme.
Add the Design your own section right after the second row of themes. If the current active theme is TT4, the "Start designing" button directs users to the assembler; if not, the theme switch warning modal is displayed to confirm the user wants to proceed to the CYS flow and change their current active theme. It is also important to note that the position of the banner is dynamically changed on screen resize to ensure it preserves its expected position in the second row of themes independent of the number of columns displayed:
Add the line Didn't find a theme you like? Browse the WordPress.org theme directory to discover more. The link sends the user to Appearance -> Themes -> Add new Theme with e-commerce as a search term.
Closes #45418.
How to test the changes in this Pull Request:
Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:
customize-store
is enabledReset Customize Your Store
wp-admin/admin.php?page=wc-admin&tab=themes&path=%2Fextensions
It is also important to note that the position of the banner is dynamically changed on screen resize to ensure it preserves its expected position in the second row of themes independent of the number of columns displayed:
Screen.Recording.2024-03-12.at.09.31.54.mov
Changelog entry
Significance
Type
Message
Update the WooCommerce Extensions Theme page to include references to the Customize Your Store flow.
Comment