-
Notifications
You must be signed in to change notification settings - Fork 219
Add Product Collection Full Grid pattern #10665
Add Product Collection Full Grid pattern #10665
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: +79 B (0%) Total Size: 1.43 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.
Thanks for the PR @kmanijak! I have a question and an issue testing this PR:
- From the visual look, the product button is what differs this from Add Product Collection Grid pattern #10660, right? I was confused by the naming. Initially, I thought Full Grid refers to the grid pattern with full width, it turned out a grid with more elements.
- The button alignment didn't work on my test, it's always center regardless of setting. Both my local build and the zip file built for this PR gave me the same result:
I'm following the designs and naming convention from pdnLyh-3uF-p2.
It's funny, after preparing this PR and before you reviewed I changed the wrapper's @dinhtungdu can I ask you for re-review? 🙌 |
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 update! This is LGTM now!
* Add initial look of Full Grid Product Collection pattern * Refactor textAlign property of Product Button so it uses flex rather than text-align * Update Product Button text align after the fix * Remove debug log (#10719) * Add Product Collection Grid pattern (#10660) * Dispatch the `wc-blocks_render_blocks_frontend` event when rendering the empty cart block (#10619) * E2E: Refactor Mini Cart to be ready for fully parallel (#10704) * Revert dequeue add-to-cart-variation script which is needed to properly handle variable products in single product page (#10723) * Update alignment options to new setting --------- Co-authored-by: Thomas Roberts <[email protected]> Co-authored-by: Tung Du <[email protected]>
What
Add Product Collection Full Grid pattern.
Additionally, when implementing I realized the Product Button doesn't react on the "Text align" property. Be mindful in this context the initial purpose was to align the whole button (as per #7816) which was preserved in this PR.
Fixes #9369
Why
This is one of the patterns from a set of patterns we'd like to provide for Product Collection
Testing Instructions
Please consider any edge cases this change may have, and also other areas of the product this may impact.
Known limitations:
Screenshots or screencast
WooCommerce Visibility
Required:
Checklist
Required:
[type]
label or a[skip-changelog]
label.Conditional:
[skip-changelog]
label is not present).Changelog