Product Slider for WooCommerce Premium: Pick Products, Set Columns

Create and place product sliders

Product Slider for WooCommerce Premium turns shop products into carousel sliders. Create unlimited sliders, assemble each product presentation with the layout builder without coding, and place it with a shortcode. Set separate column counts for desktop, tablet, and mobile.

Choose products for a slider

Set a product query limit, such as the number of recently released products to display. Premium includes product sources and filters for store merchandising:

• Recently viewed products based on customer browsing.
• Related products based on the current product's categories and tags, or queried from upsells and cross-sells.
• Best-selling products filtered by categories, tags, custom taxonomies, or attributes.
• Top-rated products filtered by categories, tags, custom taxonomies, or attributes.
• Advanced product queries using meta fields.
• Featured products shown first, followed by other products.

Configure movement and navigation

Autoplay can begin after the page loads. Set its speed and timeout, enable rewind to return to the first product, or use loop mode for continuous movement. Stop on hover pauses the slider while a customer inspects a product. Center mode places one product in the middle with partial products visible on each side.

• Navigation buttons can be shown, positioned, and styled with predefined options. Adjust their movement speed, background color, and text color.
• Pagination dots let users move between product screens. Customize dot speed and background, hover, and active colors.
• Visitors can move through products with touch or mouse dragging. RTL support accommodates right-to-left languages.

Build the product presentation

Add layout components such as stock status, stock quantity, product weight, product dimensions, a share button, recently viewed text, and meta fields. Customize product ribbons with a background color, text color, height, width, or background picture. Choose a top-right, top-left, bottom-left, or bottom-right ribbon position.

Style product items with padding, margins, background color, and text alignment. The slider container has separate padding, margin, background color, and background image options.

Set up a slider

Create a product slider in the add-on settings, then select its product query, layout elements, responsive columns, and movement options. Configure navigation, pagination dots, styling, and product details as needed. Save the slider and place it where required with its shortcode. Lazy loading can delay product thumbnails outside the current view.