Beta9 - Dynamic Elements or Layouts - WooCommerce Product Grid

Hey Team

Looking to add a Grid type element to a landing page showing recent (or featured) Products, rather than just Blog Posts.

I have been successful in adding a Dynamic Element and rendering Posts:

Screen Shot 2020-12-02 at 2.07.55 pm

However, I’m looking to do similar for Products - how best do I go about this? There is no option in the Looper Provider to select Products.

Screen Shot 2020-12-02 at 2.14.48 pm

This is also potentially related to the new ‘Layouts’ functionality within Pro?

Thanks
Sam

Hey Sam,

Couple of options here:

  • If you create new Layout and select “WC Archive”, when it loads you’ll get a “Start from scratch” or “Use Template” options. There are a bunch of templates that setup WooCommerce right away
  • If you’re using a Looper Provider you can pick Query Builder and it will allow you to filter by post type (Product)
  • We have a Products, Related Products as standalone elements. The advantage of these is all the WooCommerce hooks run since it’s just using their template functions and outputting the markup. This means you get the Stack styling instead of being able to customize it like you would with loopers.
1 Like

Hey @alexander

Thanks very much for the info.

I’ve managed to source the Products via the Query Builder in Looper Provider which is great.

Thanks
Sam

Ok great! Glad to hear it.