WooCommerce Grid / List toggle

Description

WooCommerce Grid / List toggle is a simple plugin which adds a grid / list toggle button to your product archives allowing users to toggle between grid / list views of your products on your WooCommerce store.

The list view arranges products in a vertical list and pulls in the excerpt to give a more detailed overview.

The grid view you will be familiar with as this is WooCommerce's default layout for product archives.

The store owner can choose whether grid or list view be set as the default via the 'WooCommerce' > 'Product Catalog' section of the Customizer.

Other Notable Features

Here are a few other notable features of this free WooCommerce Grid / List toggle plugin.

grid view

list view

woocommerce toggle

Screenshots

FAQ

Upload woocommerce-grid-list-toggle to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Choose the default setting on the catalog tab of the WooCommerce settings screen
Done!

Add the following code to the functions.php file in your theme / child theme:

add_action( 'wp_enqueue_scripts', 'remove_gridlist_styles', 30 ); function remove_gridlist_styles() {     wp_dequeue_style( 'grid-list-button' ); }

That will remove the button styles but keep the layout styles which will allow you to design the buttons as you see fit.

To remove the layout styles as well use:

add_action('wp_enqueue_scripts', 'remove_gridlist_styles', 30); function remove_gridlist_styles() {     wp_dequeue_style( 'grid-list-button' );     wp_dequeue_style( 'grid-list-layout' ); }