How to add Grid / List toggle in WooCommerce

Want to add an option on your online WooCommerce stores to view products in Grid OR List orders by your store users/customer. If your answer is “YES”, then keep close attention in this tutorial.

In this tutorial i will share a WordPress plugin which enable the option for your store customers to view products in toggle between grid / list views on the product archive page. Before using this plugin you must have enable the WooCommerce plugin.

WooCommerce Grid List toggle — WordPress Plugins

How to enable Grid/List view on product archive page

Download WooCommerce Grid / List toggle from WordPress plugin directory and install in your woocommerce webiste. If you are just started with WordPress Read: How to install WordPress Plugin.

Now login in your admin dashboard and go to the Plugins => Add New and click on the Upload Plugin. Select the downloaded plugin zip file and click on Install Now button.


After installation click on Activate button to enable plugin features. Now go the the Woocommerce setting page and choose default views grid or list as you want to display on archive page. If you not configure this, then grid view will be default view for product archive page.


Now visit product archive page of your website, you will see there an option to switch grid or list product view.


If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

Recommended Posts:

Article Tags: , , , , , ,