Product Slider and Carousel

Installation

↑ Back to top
  1. Purchase the product from WooCommerce.com
  2. Download the ZIP file from your WooCommerce.com dashboard
  3. Go to Plugins > Add New > Upload and select the ZIP file you just downloaded
  4. Click Install Now and then Activate.
  5. Read on to learn how to set up and configure the product.

More information at: Install and Activate Plugins/Extensions.

Configuration

↑ Back to top

After 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.