WooCommerce Grid / List toggle

WooCommerce Grid / List toggle

Adds a grid/list view toggle to product archives
Rating:
3.8
star-rating-1star-rating-2star-rating-3star-rating-4star-rating-5
Active Installations:
10000+
Last Updated:
May 11, 2018
WordPress Version:
4.0 or higher
Tested up to:
4.9.26

Simplify Product Browsing

Easily toggle between grid and list views on your WooCommerce store.

Enhanced Product Details

The list view provides a more detailed overview of products with excerpts.

Familiar Layout

Enjoy the default grid view layout of WooCommerce's product archives.

Customizable Default View

Choose between grid or list view as the default on your WooCommerce store.

1.2.1 – 11/05/18

  • Hide debug info.

1.2.0 – 01/05/18

  • Moved the settings to the Customizer (WooCommerce > Product Catalog)
  • Removed unnecessary .less files
  • Tweaked button styles
  • Full compatibility with Storefront theme

1.1.0 – 12/12/16

  • Outputs are now filterable. Kudos joshuadavidnelson.

1.0.0 – 19/06/2015

  • Revamped button styles.
  • Updated textdomain to ‘woocommerce-grid-list-toggle’.
  • Code tidy up.

0.4.0 – 04/02/2013

  • WooCommerce 2.1 compatibility.

0.3.4 – 10/12/2013

  • Grid list toggle now appears on custom product taxonomies. Kudos dariodev.

0.3.3 – 30/05/2013

  • Improved i18n
  • Added languages folder
  • Added default .po file for translators
  • Added full German translations for v0.3.2 (including the above enhancements)
  • Kudos deckerweb for all the above 🙂
  • Stripped object pass by reference

0.3.2 – 08/02/2013

  • Product category descriptions now displayed in list view

0.3.1 – 07/02/2013

  • Removed unnecessary default options

0.3 – 30/01/2013

  • Added option to choose default view

0.2.3 – 28/01/2013

  • Fixed active class bug on the toggle button
  • Styled the star-rating in list view

0.2.2 – 16/01/2013

  • Re-applied button style. See FAQ to remove
  • YUI compressed CSS
  • Styles loaded on product tag archives

0.2.1 – 10/01/2013

  • Add active class to grid button on initial load

0.2 – 09/01/2013

  • Delayed gridlist_toggle_button() priority for better WooCommerce 2.0 compatibility
  • Even stricter CSS for list view (improves theme compatibility)
  • Changed #gridlist-toggle to .gridlist-toggle

0.1.1 – 08/01/2013

  • Set grid as default view
  • Stricter CSS for list view
  • Only add the excerpt on shop / product category pages
  • Removed toggle button styling – this should be done in your theme

0.1

Initial release.

It´s a pity

By egocefalo on October 12, 2021

Just another dead plugin.

Works but poor Core Web Vitals

By mesmer7 on July 19, 2021

It's simple and it works. But there is a huge Cumulative Layout Shift. This causes terrible performance in Google's PageSpeed Insights. Also, now that WordPress has updated jQuery, this plugin is dependent on obsolete code.

Отличный плагин! Давно пользуюсь

By Andrews32 on February 24, 2021

От сайта к сайту, устанавливаю только его. работает "из коробки" без багов. Запоминает в cookie выбор посетителя (gird или list). Рекомендую!

Causes issue

By dtsinidaho on February 14, 2021

it messes with the woocommerce DiviGear carousel.

The best!

By marlinka on July 18, 2020

Hello James! Your plugun very cool!!! Please update) Thanks soo much!

Perfect! Works out of the box.

By masterbip on June 27, 2017

Awesome! Perfect! Works out of the box. Many many thanks!!!

nada

By PetrP on June 27, 2017

not working at all in 4.8 and the7 theme

Tnx

By nejenin on September 3, 2016

Thanks, it's great.

Not working with wordpress 4.5

By nowrouziehsan on September 3, 2016

This plugin is not working with wordpress version 4.5 , Any idea ?

Problem with moving to different location

By rgb4u on September 3, 2016

Hi, may i ask how to move toggle buttons to different location?
I'm using get template part, before shop archive loop, and i want to place toggle buttons in my own file:
get_template_part( 'parts-shop/product-toggle-list');

Should i remove actions in functions.php?
also how can i add if is search to:
function setup_gridlist() {
if ( is_shop() || is_product_category() || is_product_tag() || is_product_taxonomy() ) {...}

When i edit core files, changes will be lost after update,yes?

Try other plugins too!

Track Google Analytics 4, Facebook Pixel & Conversions API via Google Tag Manager for WooCommerce

Automate conversions for Google Analytics 4, Google Ads, Facebook Pixel & Conversions API, Snapchat, Pinterest, Tiktok via Google Tag Manager.

Try Demo More Details

Tabbed Category Product Listing for Woocommerce

Display Category based Product Listing for WooCommerce in tab format on any page. Woocommerce category list and woocommerce product table.

Try Demo More Details

Custom Layouts – Post + Product grids made easy

Build a list or grid layout of any post type (posts, products, pages + more).

Design the look of each item in the layout using our visual drag and dr …

Try Demo More Details
Screenshots
Author Site Author Site

Try WooCommerce Grid / List toggle With InstaWP

Contact Sales

Reach out to us to explore how InstaWP can benefit your business.