Grid/List View for WooCommerce Premium

Grid/List View for WooCommerce Premium gives shoppers controls for browsing a product catalog. They can use the default WooCommerce grid or switch to a vertical list that shows additional product information. Product count links let them pick how many products appear per page.

Configure shopper controls

Open WooCommerce > List/Grid View in the administration area. Set the grid and list switcher’s display location, left or right position, padding, and button preset. You can also assign it a custom class; doing so removes the add-on’s styling so your own CSS can style the buttons.

Product count options let you enable the links, define the available counts, add a separator value, and set text before the links. Choose where these controls appear and position them on the left or right. A custom class for these buttons also removes the extension’s styling.

Style the product list

Simple and advanced list styles provide different levels of control over the vertical product layout. In the advanced style area, select components on the right side of the page to edit them, or choose an available preset. You can add custom CSS styles, and the settings area includes custom JavaScript that runs on an action.

WooCommerce setup and compatibility

Install and activate WooCommerce before installing and activating Grid/List View for WooCommerce Premium. After configuring the controls and list style, save your settings and review the catalog on the front end. Adjust placement, spacing, count links, or list elements 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.