How to Add Product Grid and List View to WooCommerce
WP Zone WP Zone
3.73K subscribers
4,106 views
0

 Published On Jul 13, 2021

By default, WooCommerce products are displayed in a grid format. The Woo Shop + module in the Divi Shop Builder plugin, lets you display the product page in both a list and grid view.

It adds a toggle button that allows your customer to shift between the two views. In this video, we show you how to quickly set up and style the toggle.

In this tutorial we cover:
00:00 - Intro & Getting Started
00:25 - Adding the WooShop + Module
00:59 - Using the Grid/List View Switch
01:19 - Customizing the Style
02:19 - Final Result

✅ Tutorial Link: https://wpzone.co/ecommerce/woocommer...

———

✅ Divi Shop Builder: https://wpzone.co/product/divi-shop-b...
✅ Hosting: https://hosting.divi.space​
✅ WooCommerce: https://wordpress.org/plugins/woocomm...
✅ Divi Theme: https://wpzone.co/recommends/elegant-...

———

❤️ Get in touch with WP Zone:

https://wpzone.co/contact/
  / wpzoneco  

———

Thanks for watching!
Please subscribe! ❤️

show more

Share/Embed