Products Slider (Theme)

Reading Time: 5 minutes Last Updated: March 17, 2026

The Products Slider (Theme) Block displays a carousel of products using your theme’s native WooCommerce product template, combining the interactive slider experience with your store’s consistent product styling.

Overview#

Block Name: Products Slider (Theme)
Category: RedFox Thank You
Purpose: Display a product carousel using theme-native styling
Available In: Pro

What It Does#

This block:

Displays products in a Swiper-based carousel using your theme’s WooCommerce product template
Automatically inherits your theme’s product card styling, buttons, and layout
Provides full slider controls including autoplay, navigation arrows, and pagination dots
Supports the same flexible product sourcing as the Products Slider block
Ensures the thank you page products match the look and feel of the rest of your store

When to Use#

Use This Block When:

You want a product carousel that matches your theme’s WooCommerce styling
Maintaining visual consistency with the rest of your store is a priority
Your theme has well-styled product templates you want to reuse in a slider format
You want the slider functionality without managing product card styles

Use Products Slider Instead When:

You want full control over product card styling (colors, typography, spacing, borders, shadows)
You need custom sale badge styling
You want to style product images, titles, and prices independently

Use Products Grid (Theme) Instead When:

You want theme-styled products in a static grid layout instead of a carousel

Block Settings#

Display Settings#

Control the section title:

Show Title: Toggle to display or hide the section title (default: on)

The title text can be edited directly in the block editor.

Products Settings#

Control which products are displayed:

Product Source: Choose how products are selected
- Random — Randomly selected products
- Selected — Manually pick specific products
- Category — Products from specific categories
- Order Category — Products from the same categories as the ordered items
- Tag — Products with specific tags
- Order Tag — Products with the same tags as the ordered items
- Order Category or Tag — Products matching either the order’s categories or tags
Number of Products: Set how many products to display (1–20, default: 4)
Select Products: Choose specific products (visible when source is “Selected”)
Select Categories: Choose product categories (visible when source is “Category”)
Select Tags: Choose product tags (visible when source is “Tag”)
Order Products By: Sort products by Date, Popularity, Price (Low to High), Price (High to Low), Rating, Title, or Random

Note: Product card styling (images, titles, prices, buttons) is controlled entirely by your active theme. An info notice is displayed in the settings panel to indicate this.

Slider Settings#

Control the carousel behavior:

Slides Per View: Number of product cards visible at once (1–6, default: 4). Configurable per breakpoint (Desktop, Tablet, Mobile).
Space Between (px): Gap between slides in pixels (0–100, default: 20). Configurable per breakpoint.
Autoplay: Toggle automatic slide advancement
Autoplay Speed (ms): Time between slide transitions (1000–10000ms, step: 500ms). Only visible when autoplay is enabled.
Pause on Hover: Toggle to pause autoplay when hovering over the slider. Only visible when autoplay is enabled.
Show Arrows: Toggle navigation arrow buttons (default: on)
Show Dots: Toggle pagination dots below the slider (default: on)
Infinite Loop: Toggle continuous looping of slides

Style Settings#

All style controls are found in the Styles tab of the block inspector panel.