-
Notifications
You must be signed in to change notification settings - Fork 221
Enable new notice styles for all themes #12043
Conversation
The release ZIP for this PR is accessible via:
Script Dependencies ReportThere is no changed script dependency between this branch and trunk. This comment was automatically generated by the TypeScript Errors Report
🎉 🎉 This PR does not introduce new TS errors. |
Size Change: +24 B (0%) Total Size: 1.61 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.
Good catch, @tarunvijwani. This issue might be related to the test code snippet. When the notices triggered during the checkout flow, the icons are visible: ![]() Test stepsYou should be able to see the icons by executing the following steps: |
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.
Works as expected! 🎉
What
Display new notice styles for the shortcode-based cart and checkout.
Fixes #12042
Why
In #8659, @mikejolley updated the shopper notice styles. Until now, these styles were only visible when the store was using the Cart or the Checkout block. This PR ensures that the new styles are now applied universally, regardless of whether the store uses a Cart or Checkout block.
Testing Instructions
Please consider any edge cases this change may have, and also other areas of the product this may impact.
/wp-admin/admin.php?page=wc-settings&tab=advanced
and verify that no Cart page or Checkout page is selected:Tip
Optional: Install and activate the SMNTCS Themes List View plugin to easily switch between installed themes.
Important
Please note that when using the Twenty Twelve and Twenty Twenty themes the indentation for the error message list items needs to be adjusted. This fix will take place in https://github.com/woocommerce/woocommerce.
Screenshots or screencast
Twenty Twenty-One
Twenty Twenty
Twenty Nineteen
Twenty Seventeen
Twenty Sixteen
Twenty Fifteen
Twenty Fourteen
Twenty Thirteen
Twenty Twelve
Twenty Eleven
Twenty Ten
Cross-browser compatibility
WooCommerce Visibility
Checklist
Required:
[type]
label or a[skip-changelog]
label.Conditional:
[skip-changelog]
label is not present).Changelog