How to add Grid / List toggle in WooCommerce

| Last Updated: | In: WordPress, WordPress Beginners, WordPress Plugin Reviews

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.


Tags: , , , , , ,

About: Prem Tiwari

Prem Tiwari is the founder of and is a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby.

You may also like:

Follow us!

Get Free Access of 380+ Scripts

Don't worry you'll not be spammed!

Featured eBook

WordPress Security Guide

Free Guide: Learn how to implement security guideline in your WordPress site...


Pincode Finder

pincode-finder tool

Online Pincode Finder

Best tool to locate post Office address and pincodes of all india...

Copyright © 2013-2017