How to add Grid / List toggle in WooCommerce

By Prem Tiwari in WordPress, WordPress Beginners, WordPress Plugin Reviews. Updated on


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.

upload-plugin

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.

Screenshots

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

grid-list-product-views-screenshot-1

Sharing is caring!


Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of FreeWebMentor.com (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.

You might also like:

Tags: , , , , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *

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