[WooCommerce] Improve blocks integration

[madalingorbanescu]

WooCommerce made big progress regarding their Gutenberg Blocks and considering that we want to provide a great experience with Rosa2, I think it would be great to have the latest WooCommerce blocks to be fully compatible with our theme.

Currently, there are some things that can be improved:

Product Categories List

• [ ] Style as categories from the shop page. With default styling from WooCommerce, it looks like this, my suggestion with be something like this. In this way the shop page can be created with only blocks.

All Products Block This should be the most important block from WooCommerce and needs some work to have the same styling and functionality as Rosa2.

• [ ] Sorting dropdown styling issues (different style and missing spacing) - screenshot (it should looked more like this )

• [ ] Products are not using the same styles as the ones on the shop page (wrong image height, spacing, and hover) - screenshot

• [ ] Products navigation - is not looking exactly like the one on the shop page. Now it is looking like this and it should be like this.

There may be some other small issues, but at the time of testing, these were the ones that were somehow breaking the default layout.

---

The Checkout and Cart blocks are currently experimental and are available only in the WooCommerce Product Blocks plugin so maybe we shouldn't focus on them. But the other ones will definitely need some improvements.

• *Checkout Block is broken
• *Cart Block is broken

---

@georgeolaru I would love to hear your opinion on this and if I should focus on this or just keep an eye on WooCommerce Blocks repo 😁

[georgeolaru]

Good points @madalingorbanescu! Thanks for taking the initiative and indexing those issues.

Because we don't have yet a theme that uses the WooCommerce blocks, I would suggest postponing the implementation of the experimental blocks until they come to a solid version.

The All Products Block and Product Categories List could be very useful to integrate with current blocks (e.g. Cards Collection or Media Card) and build various presentation or promo pages.

Feel free to explore how they would integrate with our styling system, and please let me know about the progress. If there are too many hiccups to make them consistent, we could also take into consideration the option of not supporting them.