AccessPress Parallax WordPress Theme

How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)

0
How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
How to Add Beautiful WooCommerce Product Slider on your WordPress Website? (Step by Step Guide)
MH Magazine WordPress Theme

WooCommerce is one of the most popular eCommerce platform on the web. It provides the shop owners full control over the store and allows to sell anything online. And for the developer, the plugin is an open source that can be extended seamlessly for enhancing functionality to the core software.

If you search on the internet, you can find hundred of WooCommerce extensions and add-ons for adding different features to the WooCommerce integrated website. Among them all, the product slider extension can be an interesting one. As this slider extension will let you highlight all your important and popular WooCommerce products in a visually appealing slider and carousel form.

Product Slider, being an important feature to run an online store comes inbuilt on different WooCommerce specialized WordPress templates such as StoreVilla Pro, FashStore Pro, AccessPress Store Pro, EightStore Pro, WP Store Pro etc. However, if the template you are using on your website does not have this feature inbuilt then, you need to download and install the WooCommerce plugin and then, add the product slider extension.

In this article we will use Product Slider for WooCommerce to add beautiful WooCommerce product slider on your WordPress website. These sliders will allow you to showcase all the important products in a visually dynamic fashion.

So, let create some beautiful sliders for your WordPress website to showcase the best products:

Brief Introduction: Product Slider for WooCommerce

Product Slider for WooCommerce - Premium WooCommerce Extension to Showcase Products
Product Slider for WooCommerce – Premium WooCommerce Extension to Showcase Products

Product Slider for WordPress is an advanced WooCommerce extension for showcasing your online products in a most appealing way. It supports slider and carousel layouts and features lots of customization options.

Some of the Great Features of Product Slider for WooCommerce

  • 25+ Pre Designed Slider and Carousel Templates
  • Options to Filter your WooCommerce Products
  • Sorting Options to Sort Products
  • Lightbox Effect for Showcasing Product Details
  • 8 Ribbon Templates for Marking the Product
  • 6 Ribbon Positions for Placing the Ribbon
  • Call to Action Buttons
  • Social Share Options to Share the Products

Full Details and Features of Product Slider for WooCommerce

Installation and Activation

Purchase Product Slider for WooCommerce extension from CodeCanyon marketplace at the discounted price of $9. (Since the plugin author AccessPress Themes have provided 70% for the launch offer) Then, install and activate it.

Product Slider for WooCommerce: Launch Offer
Product Slider for WooCommerce: Launch Offer

The installation process is similar to the installation of other WP plugins. So, if you have any difficulty while installing the plugin, then you can go through the article: How to install a new plugin in WordPress website?

In order to install this extension, you need to have WooCommerce plugin. So, if your website does not have WooCommerce plugin pre-installed, download and install it from WordPress.org repository.

Add New Product Slider

After you successfully activate the plugin, you will see “Product Slider for WooCommerce” appear on the admin menu of your WordPress dashboard. Click on it to add new product slider on your website.

Product Slider for WooCommerce consists of 8 settings section to add the product slider. They are:

General Settings

The general settings contain enable/disable options to display product title, product excerpt, category/taxonomy, product link on the slider. Moreover, you can also choose the image size and image type for the product images.

Product Slider for WooCommerce: General Settings
Product Slider for WooCommerce: General Settings

Layout Settings

From the layout settings, you can choose the layouts and templates for your product slider. The plugin comes with the slider and carousel layouts and 25+ templates. Choose the most suitable layout and templates for your website and display the product slider in a stunning way. Moreover, if you choose the carousel layout then, you can enable the option to automatically label the out of stock items.

Product Slider for WooCommerce: Layout Settings
Product Slider for WooCommerce: Layout Settings

Product Settings

On the product settings, there are enable/disable options for displaying the price, wishlist button, review, and call to action buttons. Enable all the options as per your requirement for the products that you want to showcase in the slider.

Product Slider for WooCommerce: Product Settings
Product Slider for WooCommerce: Product Settings

Post Settings

The post settings will let you enable/disable the taxonomies/categories, custom field, search keyword, and popular posts. Moreover, you can also set the order, sorting, and post status for each field.

Product Slider for WooCommerce: Post Settings
Product Slider for WooCommerce: Post Settings

Customization Settings

From the customization settings, you can customize the slide orientations, slider autoplay, number of post for post contents, pager, and pause slider on hover options.

Product Slider for WooCommerce: Customization Settings
Product Slider for WooCommerce: Customization Settings

Ribbon/Banner Settings

On the ribbon/banner settings, you can configure the position of the ribbons that you want to display on the products. The plugin contains 6 different ribbon position to display the ribbons. Choose the most suitable position of the ribbon. Moreover, you can also choose the ribbon type along with any of the 8 pre-designed ribbon templates.

Product Slider for WooCommerce: Ribbon Settings
Product Slider for WooCommerce: Ribbon Settings

Social Share Settings

The social share settings will let you enable the social share the product present on your product slider. The plugin supports 6 social networks i.e. Facebook, Twitter, Google+, Linkedin, Email, Pinterest and VK. Enable the social share and choose the social network as per your requirement for sharing your products.

Product Slider for WooCommerce: Social Share
Product Slider for WooCommerce: Social Share

Lightbox Settings

From the lightbox settings, you can display the full content of your products in a beautifully crafted lightbox. The plugin contains 4 lightbox templates. So, choose the most suitable lightbox theme to display the details of your product in a stunning lightbox.

Product Slider for WooCommerce: Lighbox Settings
Product Slider for WooCommerce: Lighbox Settings

After you configure all the options publish your slider by clicking on the publish button available on the right side of your Add New slider page.

Product Slider for WooCommerce: Publish Product Slider
Product Slider for WooCommerce: Publish Product Slider

Product Slider Usage

This section consists of shortcodes that will be generated after you publish the product slider. Copy the shortcode and paste it anywhere on your WordPress website where you want your product slider to be displayed. Moreover, you can also display the product slider within the template.

Product Slider for WooCommerce: Lighbox Settings: Shortcode Usage
Product Slider for WooCommerce: Lighbox Settings: Shortcode Usage

Wrapping Up

Showcasing the products in slider or carousel is one of the best way to highlight the products in the WordPress website. It plays a vital role on enhancing the engagement rate and sales of your website. So, if you are owning an online shop and want to showcase the product in an eye-catching slider/carousel then, you can use this extension by purchasing it at a reasonable price and follow this step by step guide.

If you are looking for WordPress Slider Plugins to highlight your website’s contents, vital news, photos, and video recording then, check out the collection of:

Also check out our handpicked collection of:

Elegant WordPress Themes

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.