-
Notifications
You must be signed in to change notification settings - Fork 219
[Patterns] Add new Footer with 3 menus
menu
#9175
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: +38 B (0%) Total Size: 1.1 MB
ℹ️ View Unchanged
|
Footer with 3 menus
menuFooter with 3 menus
menu
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.
Overall it looks good, just a few comments:
If the menus have only two items, the layout looks a bit weird:
I don't know if that's possible, but I think ideally every column should be aligned to the top (except the Powered by...
text, which should be aligned to the bottom). 🤔
I'm not sure about this one, but in my site, the pattern didn't have any padding by default when added, so it was next to the window sides. I wonder if we should check this option from the wrapping Group:
@Aljullu thanks! I've added paddings and aligned the menus to the top 🙌 |
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.
Thanks for updating the PR, @albarin!
Just a couple more things I noticed:
- It looks like the
Powered by WordPress
string is translated in WP core patterns. Do you know if we could do the same with thePowered by WordPress with WooCommerce
string?
- The other thing is that I wonder whether we should add some top/bottom padding as well. 🤔 That would help when the footer gets a background color. I don't have a strong opinion and that's more like a design decision, so feel free to ignore it if you think it's a bad idea.
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.
Thanks for the changes, @albarin. LGTM. 🚢
This PR implements the
Footer with 3 menus
pattern.Fixes #9055
Screenshots
Design
Implementation
Testing
User-Facing Testing
Footer with 3 menus
pattern appears under the WooCommerce category dropdown.WooCommerce Visibility
Changelog