The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchase Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Display WooCommerce Products with Slider Revolution

Quick Note:

The WooCommerce Slider Template used in this article is available free to Direct Customers

Contents

1. Getting Started

1.1 Downloading the Woocommerce Slider Template

2. Configuring the Source

2.1 Selecting Woocommerce as Slider Source

2.2 Configuring Woocommerce Slider Source

3. Editing the Slide

3.1 Show the product image as the slide's Main Background Image

3.2 Creating "Add to Cart" and "Product Link" buttons

The “Add to Cart” and “Product link” buttons are created using Button Layers and it’s hyperlinked using Layer Actions. Click on the Meta button shown below to open the list of Meta Data

Select "WooCommerce" tab and copy the "Add to Cart URL" Meta Data shortcode.

Open the Button Layer > Layer Actions and insert the "Add to Cart URL" Meta Data shortcode into a "Simple Link" action.

3.3 Displaying Product Ratings

Rating and review count is created using Text Layers and will be displayed directly on the front end. Click on the Meta button shown below to open the list of Meta Data

Select a "Text Layer" and insert the "Text/Star Rating" Meta Data Shortcode into the Layer Contents.

4. Display Additional Product Information

To display additional product information such as "Stock" and "Price". Add a new Text/HTML Layer.

Click on the Meta button shown below to open the list of Meta Data

Select "In Stock" Meta Data to display the stock quantity on the Text Layer.

Popular Solutions