HostOnNet Blog

How to add a product slider in WooCommerce

WooCommerce Product slider plugin enables you to add fascinating product slider anywhere on your eCommerce website using a short code or PHP code. In this article, we will show you how to do this.

Install Slider Plugin

Install and activate WooCommerce Product Slider plugin

After activating the plugin, you will see “Product Sliders” menu at the left side on WordPress dashboard and click Add New.

Get Slider Shortcode

You can add the slider using this shortcode by pasting it on page or post where you want to show it. Also you can use the PHP code to theme’s file to view the slider.

Slider General Settings

Here you can quickly set your slider settings for Slider Type, Slider Type, Product Type, Number of Column and more.

Slider Settings

In this option, you can set the Slider Speed, AutoPlay, Navigation, Pagination and more.

Slider Stylization

In this option, you can set the Slider Title, Show / Hide Product name, Show / Hide product price

Slider Typography

The Typography options are available in the Pro Version.

Once you done, visit your website to see your product slider in action.


About Sibi Antony

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Wordpress