fbpx
Wpwax Offer
Save up to 70%
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

Ever felt frustrated by how cluttered your WooCommerce store can get, especially when customers are trying to find specific products? When your store is packed with a wide range of items, it’s easy for shoppers to get overwhelmed, leading to missed sales and a less-than-ideal shopping experience.

Let’s imagine: A potential customer arrives on your site, eager to explore a certain category. But instead of finding what they need quickly, they’re faced with an endless scroll of unrelated products. Their excitement fades, and they might just leave without making a purchase. This isn’t just bad for sales—it’s bad for customer satisfaction too.

But there’s a simple fix. By setting up a product carousel or grid slider that highlights items from specific categories, you can make it easier for customers to find exactly what they’re looking for. Not only does this streamline their shopping experience, but it also increases the chances of them adding more items to their cart.

In this guide, you’ll learn how to create a category-based product carousel or grid slider in WooCommerce, helping you to present your products in the most appealing and effective way possible.

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.

Share
URL copied to clipboard!
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.

Share
URL copied to clipboard!

Leave a Reply

Release Icon - WPWax
Explore New Product