fbpx

  • Days
  • Hours
  • Minutes
  • Seconds
Special Offer
Save up to 30%
on any purchase
Grab the Deal
blog left design shape
How to show product grid slider

How to Show Product Carousel/Grid Slider Based on WooCommerce Product Category

Online business is evolving in full swing nowadays. There are tons of options for customers to get their favourite products at any time. As an online store owner, you should emphasize effective communication with your customers more. Products are the media of communication between you and your customers. So to make it more effective, you should improve the appearance or the strategies in presenting products to your customers.

Displaying products based on WooCommerce product categories is an excellent way to dominate customers’ mindsets. Using specialized plugins to present WooCommerce category-based products is a perfect way. In this article, I will explain how to show product grid slider based on the WooCommerce product category using a robust plugin. So, let’s scroll down and explore.

How to Show Product Grid Slider Based on WooCommerce Product Category (A Stepwise Guide)

Customers make decisions more quickly when they view images of products rather than descriptions. This statement is true for an online store because customers visit your store to grab the best deal for them. 

So, why don’t you give your best to make your online store’s products look more stunning to them?

No worries, WooCommerce Product Carousel, Slider and Grid Ultimate Pro is for you. You have the option to display products on different posts or pages in a slider in both carousel and grid styles with this plugin. Cool! You know.

Before using the WooCommerce Product Carousel, Slider and Grid Ultimate Pro, you should have installed WooCommerce on your WordPress website. However, let me show you the overall process in a step-by-step guideline.

Step 1: Upload and activate the plugin

To purchase the ‘WooCommerce Product Carousel, Slider and Grid Ultimate Pro’ plugin, go to the official website of wpWax marketplace and head over to the ‘WooCommerce Product Carousel, Slider and Grid Ultimate Pro’ from the plugins section.

After purchasing the plugin successfully, now it’s time to upload the Plugin. To do that, go to your WordPress Admin Dashboard and head over to the Plugins option located to the left sidebar.

How to show product grid slider: Add new plugin.

Next, from the admin menu bar and click on Plugins ➤Add New➤ Upload Plugin.

How to show product grid slider: Upload Product carousel, slider and grid ultimate pro for WooCommerce.

Next, click on Choose File and choose the purchased .zip file of  ‘WooCommerce Product Carousel, Slider and Grid Ultimate Pro’ from your computer and then click on Install Now.

How to show product grid slider: Choose plugin and install.

After installing the plugin successfully, click on Activate Plugin. The plugin will automatically be stored in the Installed plugins list.

How to show product grid slider: List of the activated plugin.

Step 2: Categorize products in a new category

This step is not necessary for those of you who have already listed ‘WooCommerce products’ based on different categories. If you have no idea how to categorize products, then this step will help you a lot.

Next, go to your Dashboard Admin Menu bar. Click on Products ➤Categories. 

How to show product grid slider: Categorize the products.

Now, you are on the product Categories page. To create a new product category, go to Add New Category and provide a suitable Name for your new category. Also, give a Description that describes the product. It’s better to keep it short.

Next, Upload/Add an image in the Thumbnail and click on Add new category.

How to show product grid slider: Add new category.

Hurrah! you have created your new specific category for the product name My life my styles. Currently, 6 products have been included in this category. There are also other products categories here you can see as well. We will work with them later in this tutorial. See the screenshot below.

How to show product grid slider: Categorized products in specific categories.

Step 3: Create new product slider

After activating the plugin successfully, you will see WooCommerce Product Ultimate in the admin menu of your Dashboard. Now, click on it. You will see an Add New option.

How to show product grid slider: Add new product slider.

Now, you are on the Add New product slider page. Take a quick look at this page. First, give a title for the new product slider by adding a title in the Add title box. 

Under this option, there is Settings and Shortcode Generator option in which there are General Settings, Carousel/Grid Settings. Style Settings and shortcodes options. You can modify your product slider by all of these settings and shortcodes.

How to show product grid slider: Product slider settings.

Step 4: Add category based products in Slider 

After creating a new slider for a product, It is time to add category-based products in the product slider. To do that, click on General Settings. Here, you will find different options to decorate the carousel or grid product slider.

How to show product grid slider: Plugin's General settings.

Now, you have landed on the General Settings option. To add category-based products in the carousel or grid slider just go to the General Settings and scroll down. 

Next, you will find the Products Type option here. Just select the radio button beside the Category Products option. You need to add one or more product category names here you have created earlier. 

You can also set the number of how many products you want to display in the product category slider by selecting the Total Products to Display option. The screen will be like.

How to show product grid slider: Set the number of products.

You can work with all the three settings like General Settings. Carousel/ Grid Settings, Style Settings to decorate your favorite category-based product slider. 

Step 5: Publish and display category based product slider in a page

Finally, select and copy the automatically generated Shortcodes and click on the Publish button to publish.

How to show product grid slider: Copy the shortcode and publish.

Now, paste the shortcodes to any page or post you want. The view of the category-based product slider in the frontend will be like below. Now, take a look at the frontend view of the category-based product slider in the carousel style view.

How to show product grid slider: Carousel view of products.

Here is the category-based product slider in grid-style view.

How to show product grid slider: Grid view of products.

Wrapping Up

Business success depends on satisfying customers with products & services. Explaining how to show product grid slider based on WooCommerce product categories is a great idea to blow your customer’s interest so that they will be interested in buying products. ‘WooCommerce Product Carousel, Slider and Grid Ultimate Pro’ plugin opens a new era to display products based on WooCommerce product categories.

Now, it’s your turn to display your categorized products according to your choice. Don’t forget to share your experience on how many benefits you get following the step-by-step guideline of this blog post.

If you liked this post, don’t forget to subscribe to our blog so that we can notify you once any post is published. Finally, you can also follow wpWax on FacebookTwitter, and LinkedIn for more exciting news, offers, and product updates.

Written by

Abdullah Al - Harun

Abdullah Al Harun is a technical content writer at wpWax and a digital marketing enthusiast. Apart from tech, he enjoys reading books on different aspects of communication, journalism, science, and arts. On his time off, you will find him playing cricket with his teammates.

Leave a Reply