WooCommerce Product Carousel in Oxygen using Repeater and Flickity

Update on April 09, 2020:

Follow WooCommerce Product Carousel in Oxygen instead.

This members-only tutorial provides the steps to instantiate Flickity on the output of Oxygen's Repeater component for setting up a WooCommerce product carousel.

Live Demo

Step 1

Edit the Page/Template where you want to add the product carousel with Oxygen editor.

In my test site, I have edited the Page set as homepage (at Settings > Reading).

Add a Section.

Add a Repeater component.

Query > manual.

Query Params:

post_type=product&posts_per_page=10&no_found_rows=true