Grid/List View for WooCommerce Premium adds front-end controls for product browsing. Shoppers can keep the default WooCommerce grid or switch to a vertical list with additional product information. Product count links let them pick how many products appear per page.

Set up the view and count controls

Choose where the grid/list switcher appears, position it on the left or right, adjust its padding, and choose a button preset. Product count settings let you enable the links, define available counts, add a separator value, and set text before the links. Their show location and position can be configured separately.

You can assign a custom class to either control. Doing so removes the plugin's styling so your own CSS can style the buttons.

Adjust the vertical list

Simple and advanced list styles offer various levels of control over the product presentation. In the advanced style area, select elements on the right side of the page to edit them, or choose an available preset. Add custom CSS for further styling. The settings also include custom JavaScript that executes on an action.

Install and configure

Install and activate WooCommerce first. Then upload and activate the add-on from your WordPress administration area. Open WooCommerce > List/Grid View to configure the controls, list style, CSS, and JavaScript. Review the shop front end after saving and adjust the settings as needed.

The plugin has been tested with Advanced AJAX Product Filters, Advanced Product Labels for WooCommerce, Load More Products for WooCommerce, Product Preview for WooCommerce, and Wishlist and Waitlist for WooCommerce. Theme compatibility varies; the plugin listing notes that compatibility with every theme cannot be guaranteed.