All Documentation
Yaxii COD Theme — Fast WooCommerce Theme for Algeria
Yaxii COD Theme — Fast WooCommerce Theme for Algeria · Documentation

Product Carousel

Configuring the Product Carousel

The Product Carousel is a horizontal sliding row of product cards — best for surfacing curated subsets of your catalog without overwhelming the page. Use it for best-sellers, on-sale flash deals, freshly added products, or a specific category you want to spotlight. The carousel scrolls horizontally on mobile with a flick gesture, shows previous and next arrows on desktop, and supports an optional countdown timer for flash sales — the kind of pressure cue that turns a casual visitor into a buyer.

Opening the Product Carousel section

Go to Yaxii COD > Settings > Homepage Layout. Find the Product Carousel card and click it to expand. If you do not see a Product Carousel card, click Add Section at the bottom of the list and choose Product Carousel.

The Product Carousel section card expanded in the Homepage Layout tab, showing the Title input, the Data Source dropdown with 'On Sale' selected, the Max Items number field set to 8, and the optional End Date datetime picker.
The Product Carousel card configured for a flash-sale style row.

Configurable fields

FieldWhat it controls
TitleThe heading above the carousel (for example, “Flash Sales”, “Best Sellers”, or “New Arrivals”).
Data sourceWhat products to display. Choose between On Sale, Best Selling, Latest, or a specific product category.
Max itemsHow many products to load in the carousel (default 8). More products mean more to scroll through but a heavier page.
End date (optional)A date and time that triggers a live countdown badge next to the section title — perfect for flash sales. Leave empty for a regular carousel without a timer.

The four data sources explained

Data sourceWhat it surfacesBest for
On SaleProducts that have a sale price set in WooCommerce.Flash sales, end-of-season discounts, promotional campaigns.
Best SellingProducts ranked by total sales — your top performers.Building trust with new visitors by showing what others bought.
LatestThe most recently published products.Highlighting new arrivals or fresh inventory.
Specific categoryProducts from a single product category you choose.Spotlighting a featured collection (for example, “Men’s Watches” or “Skincare”).

Setting up a Flash Sales carousel

  1. 1
    Open the Product Carousel section
    In the Homepage Layout panel, click the Product Carousel card to expand it.
  2. 2
    Set the title
    Use a strong, urgent title like “Flash Sales” or “Limited Time Offers”.
  3. 3
    Choose On Sale as the data source
    The carousel will automatically pull every product that has a sale price set on its WooCommerce edit screen.
  4. 4
    Pick an item count
    Set Max items to 8 or 12 — enough variety to scroll through, not so many that loading slows down.
  5. 5
    Add an end date for urgency
    Use the date and time picker in the End Date field. A live countdown badge appears next to the section title and counts down in real time on the storefront.
  6. 6
    Save Settings
    Click Save Settings. Your flash sale goes live, countdown included.
A live Yaxii COD storefront showing a Flash Sales product carousel with a red countdown badge next to the section title displaying live HH:MM:SS, followed by a horizontal row of discounted product cards.
A live Flash Sales carousel with the active countdown badge.

Setting up a Best Sellers carousel

For a best-sellers row, leave the End Date empty (no countdown — best sellers are always-on, not time-limited). Choose Best Selling as the data source, set the title to something inviting like “Customer Favorites” or “Best Sellers”, and pick a max item count around 8. The carousel automatically refreshes its product order as new sales come in.

What’s Next?

You have a carousel for curated picks. Next, configure the Product Grid for the main catalog window on your homepage — a larger, more comprehensive showcase.

Configuring the Product Grid →