Enhance product visibility and improve user experience by displaying your products in the slider with the WooCommerce product slider.
Installation
↑ Back to top- Download the Product Slider and Carousel Plugin for WooCommerce from your WooCommerce dashboard.
- At the WordPress admin panel, go to Plugins > Add New > Upload and select the ZIP file you just downloaded.
- Click Install Now, and then Activate Plugin.
Configuration
↑ Back to topAfter you have installed and activated the Plugin, go to WooCommerce > Product Slider. Here, you can add multiple sliders and use their shortcodes on any page to display the slider.
To add a slider you need to configure the following:
- Slider Title:
Slider Settings
↑ Back to top- Auto Play: Option to set slider on auto-play or manually.
- Slide Speed (milliseconds): Set the speed of product slides in milliseconds.
- Autoplay interval timeout: Set the autoplay interval timeout.
- Loop: Slide the products in a loop or in the rewind position.
- Mouse Drag: Option to drag slider with mouse.
- Touch Drag: Enable touch drag. (for touch screen)
- Pause autoplay on hover: Option to pause autolay slider on hover.
Query Settings
↑ Back to top- Number of products in slider: Set the number of products in the slider. -1 for all products.
- Query Order: Display in ascending order or in descending.
- Order by: Set order by for ascending/descending.
- Slider Content: Select products or categories to display in the slider.
- Select Category: Select categories to display in the slider.
- Hide out-of-stock products: Option to hide out-of-stock
Display on sale products: Option to display sales products in slider or not.
Add to Cart Button Colors
↑ Back to top- Background color: Choose the background color of the button in the slider.
- Text color: Select the text color of the button in the slider.
Note: After adding a new slider, you will find a shortcode in each slider tab in WooCommerce > Product Slider. You just need to copy that shortcode and add it to any page to display a slider.
