12% off of LTD using this coupon: TWELVEPERCENTOFF. Promo ends on 2 Dec midnight UTC.
Published on Sep 24, 2019

WooCommerce Product Carousel in Oxygen using Repeater and Flickity

Sridhar Katakam

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

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right