Title: WooCommerce Grid / List toggle
Author: James Koster
Published: <strong>25 augusts, 2012</strong>
Last modified: 11 maijs, 2018

---

Meklēt spraudņus

![](https://ps.w.org/woocommerce-grid-list-toggle/assets/banner-772x250.jpg?rev=
1184140)

Šī spraudnis **nav atjaunināts vairāk kā divus gadus**. Varbūt, tas vairs netiek
uzturēts, nesaņemt atbalstu un tam var būt saderības problēmas ar jaunākām WordPress
versijām.

![](https://ps.w.org/woocommerce-grid-list-toggle/assets/icon-256x256.jpg?rev=1184147)

# WooCommerce Grid / List toggle

 Autors [James Koster](https://profiles.wordpress.org/jameskoster/)

[Lejupielādēt](https://downloads.wordpress.org/plugin/woocommerce-grid-list-toggle.1.2.1.zip)

 * [Sīkāka informācija](https://lv.wordpress.org/plugins/woocommerce-grid-list-toggle/#description)
 * [Atsauksmes](https://lv.wordpress.org/plugins/woocommerce-grid-list-toggle/#reviews)
 *  [Uzstādīšana](https://lv.wordpress.org/plugins/woocommerce-grid-list-toggle/#installation)
 * [Attīstība](https://lv.wordpress.org/plugins/woocommerce-grid-list-toggle/#developers)

 [Atbalsts](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/)

## Apraksts

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.

Please feel free to contribute on [github](https://github.com/jameskoster/woocommerce-grid-list-toggle).

## Ekrānuzņēmumi

 * [[
 * List view.

## Uzstādīšana

 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!

## BUJ

  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](https://github.com/jameskoster/woocommerce-grid-list-toggle),
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' );
    }
    ```

## Atsauksmes

![](https://secure.gravatar.com/avatar/0b4722885b86cfe484b2177618083a0cefd1bb5da226e62594bd8364e61c12cb?
s=60&d=retro&r=g)

### 󠀁[works](https://wordpress.org/support/topic/works-2250/)󠁿

 [michael](https://profiles.wordpress.org/mvandiermen/) 11 augusts, 2025

it works

![](https://secure.gravatar.com/avatar/3099fedbf9ac7e1f03a1f8fffb36647f1b6fdc691b998c0a48b544d2f6b09e52?
s=60&d=retro&r=g)

### 󠀁[It´s a pity](https://wordpress.org/support/topic/its-a-pity/)󠁿

 [egocefalo](https://profiles.wordpress.org/egocefalo/) 12 oktobris, 2021

Just another dead plugin.

![](https://secure.gravatar.com/avatar/c4013d605692b83e8352621b52cd24ca743bd7918df5ddad2677f9136d775ff8?
s=60&d=retro&r=g)

### 󠀁[Works but poor Core Web Vitals](https://wordpress.org/support/topic/works-but-poor-core-web-vitals/)󠁿

 [mesmer7](https://profiles.wordpress.org/mesmer7/) 19 jūlijs, 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.

![](https://secure.gravatar.com/avatar/1fd83348755ca4151658beb51aac3b6073f4ba43321187388f9601de3a9b4536?
s=60&d=retro&r=g)

### 󠀁[Отличный плагин! Давно пользуюсь](https://wordpress.org/support/topic/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b9-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd-%d0%b4%d0%b0%d0%b2%d0%bd%d0%be-%d0%bf%d0%be%d0%bb%d1%8c%d0%b7%d1%83%d1%8e%d1%81%d1%8c/)󠁿

 [Andrews32](https://profiles.wordpress.org/andrews32/) 24 februāris, 2021

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

![](https://secure.gravatar.com/avatar/4f2fc531ea1039f011803504ebdc11dc5bdd13e53466a2703ecddb81deaa6870?
s=60&d=retro&r=g)

### 󠀁[Causes issue](https://wordpress.org/support/topic/causes-issue/)󠁿

 [dtsinidaho](https://profiles.wordpress.org/dtsinidaho/) 14 februāris, 2021

it messes with the woocommerce DiviGear carousel.

![](https://secure.gravatar.com/avatar/db1d59ef27fda41c4c584de892f37c702ccf2b30e56dcbab1fb0d22b2c3f3faf?
s=60&d=retro&r=g)

### 󠀁[The best!](https://wordpress.org/support/topic/the-best-1821/)󠁿

 [marlinka](https://profiles.wordpress.org/marlinka/) 18 jūlijs, 2020

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

 [ Lasīt 31 atsauksmes ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/)

## Autori un izstrādātāji

“WooCommerce Grid / List toggle” ir atvērtā pirmkoda programmatūra. Šo spraudni 
ir veidojuši šādi cilvēki.

Līdzdalībnieki

 *   [ James Koster ](https://profiles.wordpress.org/jameskoster/)

“WooCommerce Grid / List toggle” ir tulkots lokalizācijās 7. Paldies [tulkotājiem](https://translate.wordpress.org/projects/wp-plugins/woocommerce-grid-list-toggle/contributors)
par ieguldījumu.

[Tulkot “WooCommerce Grid / List toggle&#8221 savā valodā.](https://translate.wordpress.org/projects/wp-plugins/woocommerce-grid-list-toggle)

### Vai jūs interesē attīstība?

[Pārlūkojiet kodu](https://plugins.trac.wordpress.org/browser/woocommerce-grid-list-toggle/),
apmeklējiet[ SVN krātuvi ](https://plugins.svn.wordpress.org/woocommerce-grid-list-toggle/)
vai abonējiet[ attīstības žurnālu](https://plugins.trac.wordpress.org/log/woocommerce-grid-list-toggle/),
ko izveidojis [RSS](https://plugins.trac.wordpress.org/log/woocommerce-grid-list-toggle/?limit=100&mode=stop_on_copy&format=rss).

## Izmaiņu žurnāls

#### 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.

## Meta

 *  Versija **1.2.1**
 *  Pēdējo reizi atjaunots: **pirms 8 gadiem**
 *  Aktīvās instalācijas: **10 000+**
 *  WordPress versija ** 4.0 vai jaunāka **
 *  Pārbaudīts līdz: **4.9.29**
 *  Valodas
 * [Czech](https://cs.wordpress.org/plugins/woocommerce-grid-list-toggle/), [English (US)](https://wordpress.org/plugins/woocommerce-grid-list-toggle/),
   [French (France)](https://fr.wordpress.org/plugins/woocommerce-grid-list-toggle/),
   [German](https://de.wordpress.org/plugins/woocommerce-grid-list-toggle/), [Japanese](https://ja.wordpress.org/plugins/woocommerce-grid-list-toggle/),
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/woocommerce-grid-list-toggle/),
   [Swedish](https://sv.wordpress.org/plugins/woocommerce-grid-list-toggle/), un
   [Ukrainian](https://uk.wordpress.org/plugins/woocommerce-grid-list-toggle/).
 *  [Tulkojiet savā valodā](https://translate.wordpress.org/projects/wp-plugins/woocommerce-grid-list-toggle)
 * Birkas:
 * [ecommerce](https://lv.wordpress.org/plugins/tags/ecommerce/)[grid](https://lv.wordpress.org/plugins/tags/grid/)
   [list](https://lv.wordpress.org/plugins/tags/list/)[products](https://lv.wordpress.org/plugins/tags/products/)
   [woocommerce](https://lv.wordpress.org/plugins/tags/woocommerce/)
 *  [Papildu skats](https://lv.wordpress.org/plugins/woocommerce-grid-list-toggle/advanced/)

## Vērtējumi

 3.8 no 5 zvaigznēm.

 *  [  18 5-star reviews     ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/?filter=5)
 *  [  4 4-star reviews     ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/?filter=3)
 *  [  3 2-star reviews     ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/?filter=2)
 *  [  6 1-star reviews     ](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/#new-post)

[Skatīt visas atsauksmes](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/reviews/)

## Līdzdalībnieki

 *   [ James Koster ](https://profiles.wordpress.org/jameskoster/)

## Atbalsts

Jums ir kaut kas ko teikt? Vajadzīga palīdzība?

 [Skatīt atbalsta forumu](https://wordpress.org/support/plugin/woocommerce-grid-list-toggle/)