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.

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.

Screenshots

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


About: Prem Tiwari

Prem Tiwari is the founder of freewebmentor.com and is a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies.


You may also like:


, , , , , ,