Product Slider for WooCommerce Premium lets you create unlimited product sliders, assemble product presentations with a layout builder, and place them using shortcodes. Configure each slider around the products it should show, how it moves, and what product details appear.

Choose products for the slider

Set a product query limit, such as the number of recently released products to display. Premium sources include recently viewed products based on customer browsing, and related products drawn from current product categories and tags or from upsells and cross-sells.

• Filter best-selling or top-rated products by categories, tags, custom taxonomies, or attributes.
• Build advanced product queries using meta fields.
• Show featured products first, followed by other products.

Set columns and movement

Choose how many products appear on desktop, tablet, and mobile. Autoplay can begin after the page loads, with custom speed and timeout values. Rewind returns to the first product, while loop mode keeps products moving continuously.

• Stop movement on hover and use center mode to show one centered product with partial products on either side.
• Display navigation buttons, choose their position and a predefined style, then adjust movement speed, background color, and text color.
• Add pagination dots and customize their speed, background, hover, and active colors.
• Let visitors move through products with touch or mouse dragging. RTL support accommodates right-to-left languages.

Customize product details and styling

Use the layout builder to add components and create a custom product wrapper without coding. Advanced elements include stock status and quantity, product weight and dimensions, a share button, recently viewed text, and meta fields.

Ribbons can have custom background and text colors, height, width, and a background image. Choose from four positions: top-right, top-left, bottom-left, or bottom-right.

For product entries, adjust padding, margins, background color, and text alignment. The slider container has separate padding, margin, background color, and background image options.

Create and place a slider

In the add-on settings, create a slider and choose its product query, layout elements, responsive columns, and movement options. Configure navigation, dots, styling, and product details as needed, then save the slider and place it with its shortcode. Lazy loading can delay product thumbnails outside the current view.