WooCommerce Grid / List toggle

Installation Instructions

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

It doesn’t work with my theme, what gives?

You may see varied results depending on how the theme has been built and whether it’s already pulling the excerpt into product archives. I’ve tried to cover all bases with CSS but it’s likely you’ll need to make your own adjustments. WooCommerce Grid / List toggle has been tested with Twenty Ten, Twenty Eleven and Twenty Twelve.

I found and fixed a bug how can I help?

Thanks! Please fork the repo on github, push your fix then send a pull request.

I don’t like the button styles, how can I remove them and start fresh?

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' );
}