Title: Grid/List View for WooCommerce
Author: BeRocket
Published: October 25, 2015
Last modified: July 17, 2026
---
Search plugins
# Grid/List View for WooCommerce
By [BeRocket](https://profiles.wordpress.org/berocket/)
[Download](https://downloads.wordpress.org/plugin/gridlist-view-for-woocommerce.3.0.9.1.zip)
* [Details](https://wordpress.org/plugins/gridlist-view-for-woocommerce/#description)
* [Reviews](https://wordpress.org/plugins/gridlist-view-for-woocommerce/#reviews)
* [Installation](https://wordpress.org/plugins/gridlist-view-for-woocommerce/#installation)
* [Development](https://wordpress.org/plugins/gridlist-view-for-woocommerce/#developers)
[Support](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/)
## Description
Simple plugin for WooCommerce which toggle grid / list view of your products and
toggle products count per page.
WooCommerce Grid/List View plugin adds buttons to shops page which toggles grid
and list products view.
This is simple plugin with advanced customization of list/
grid view toggle buttons and list style. List view products is vertical list of
products with additional information. Grid view products is default WooCommerce
view of products.
#### Features:
✅ Switch list and grid product view style
✅ Simple and advanced customization
for products list view ✅ Customization of buttons for list / grid switch ✅ Products
per page switcher for Front End using ✅ Customizable position for buttons list/
grid view switcher
#### Additional Features in Paid Plugin:
✅ Customization for Product count switch links
✅ Advanced list style for products
✅ Customization for simple products list style ✅ Customization for advanced products
list style ✅ Custom CSS styles
#### Plugin Links:
[Paid Plugin](https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid)
[Demo 1](https://woocommerce-grid-list.berocket.com/shop/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid)
[Demo 2](https://woocommerce-terms-popup.berocket.com/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid)
[Docs](https://docs.berocket.com/plugin/woocommerce-grid-list-view?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid)
#### 🍬 Wanna try admin side?
[Admin Demo](https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=admin_demo&utm_campaign=list_grid#try-admin)–
Get access to this plugin’s admin and try it from inside. Change things and watch
how they work.
#### Premium plugin video
_we don’t have video with free plugin right now but we are working on it_
#### Compatibility with WooCommerce plugins
Grid/List View for WooCommerce has been tested and compatibility is certain with
the following WooCommerce plugins that you can add to your site:
🔸 [**Advanced AJAX Product Filters**](https://wordpress.org/plugins/woocommerce-ajax-filters/)
🔸 [**Advanced Product Labels for WooCommerce**](https://wordpress.org/plugins/advanced-product-labels-for-woocommerce/)
🔸 [**Load More Products for WooCommerce**](https://wordpress.org/plugins/load-more-products-for-woocommerce/)
🔸 [**Product Preview for WooCommerce**](https://wordpress.org/plugins/product-preview-for-woocommerce/)
🔸 [**Wishlist and Waitlist for WooCommerce**](https://wordpress.org/plugins/wish-wait-list-for-woocommerce/)
### Plugin Settings
Plugin settings can be found in admin area, WooCommerce -> List/Grid View
#### Buttons:
Custom class – set your own class for list / grid view toggle buttons, this removes
all stylization
Buttons display – set where list / grid view toggle buttons will
be displayed Buttons position – list / grid view toggle buttons will be placed from
left or right side Paddings – sets paddings to list / grid view toggle buttons Presets–
predefined styles for list / grid view toggle buttons
#### Product Count:
Use products count – enable products per page buttons
Custom class for buttons –
set your own class for products per page buttons, this removes all stylization Product
count value – set list of products per page toggle buttons Spliter value – set text
between products per page toggle buttons Text – set custom text before products
per page toggle buttons Buttons display – set where products per page toggle buttons
will be displayed Buttons position – products per page toggle buttons will be placed
from left or right side
#### List Style:
Toggle Simple and Advanced style add additional settings to customize list products
view.
To edit element of list click on this element on right side of page Advanced
style for list products view have some presets.
#### CSS:
CSS styles – Some custom css styles that adds to page.
#### JavaScript:
Custom JavaScript that executes on some action.
#### License:
Page for adding product key from BeRocket site
## Screenshots
[⌊Buttons settings⌉⌊Buttons settings⌉[
Buttons settings
[⌊Product count settings⌉⌊Product count settings⌉[
Product count settings
[⌊JavaScript settings⌉⌊JavaScript settings⌉[
JavaScript settings
[⌊Widget⌉⌊Widget⌉[
Widget
## Installation
Important: First of all, you have to download and activate WooCommerce plugin, because
without it Grid/List View for WooCommerce cannot work.
1. Unzip the downloaded .zip file.
2. Upload the Grid/List View for WooCommerce folder into the `wp-content/plugins/`
directory of your WordPress site.
3. Activate `Grid/List View for WooCommerce` from Plugins page
#### Configuration
Grid/List View for WooCommerce will add a new sub-menu item called “Grid/List View”
in “WooCommerce” menu. There you will be able to access plugin settings page.
## FAQ
### Is it compatible with all WordPress themes?
Compatibility with all themes is impossible, because they are too many, but generally
if themes are developed according to WordPress and WooCommerce guidelines, BeRocket
plugins are compatible with them.
### How can I get support if my WooCommerce plugin is not working?
If you have problems with our plugins or something is not working as it should,
first follow this preliminary steps:
* Test the plugin with a WordPress default theme, to be sure that the error is
not caused by the theme you are currently using.
* Deactivate all plugins you are using and check if the problem is still occurring.
* Ensure that your plugin version, your theme version and your WordPress and WooCommerce
version (if required) are updated and that the problem you are experiencing has
not already been solved in a later plugin update.
If none of the previous listed actions helps you solve the problem, then, submit
a ticket in the forum and describe your problem accurately, specify WordPress and
WooCommerce versions you are using and any other information that might help us
solve your problem as quickly as possible. Thanks!
### How can I get more features for my WooCommerce plugin?
You can get more features with the premium version of Grid/List View for WooCommerce,
available on [BeRocket page](https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=faq&utm_campaign=list_grid).
Here you can read more about the premium features of the plugin and make it give
it its best shot!
### How can I try the full-featured plugin?
You can try this plugin’s admin side [here](https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=faq&utm_campaign=list_grid#try-admin).
Configure plugin the way you need to check the results.
## Reviews
### [Good job !](https://wordpress.org/support/topic/good-job-1833/)
[MZed](https://profiles.wordpress.org/michelzed/) October 25, 2024
At first glance, it’s a good plugin.The settings page interface wastes screen space
and could be more compact.What’s more, there are more style parameters (colors,
gradients/shadows, borders…) than for positioning. Custom code functions make up
for the lack… for those who know how to code.The default presets are a little outdated
and could be more “up-to-date” or include minimal/flat designs.At Dev’s : Please
take these comments in a constructive way.Anyway, it’s a good job. Thx.
### [Doesn’t Work with Blocks](https://wordpress.org/support/topic/doesnt-work-with-blocks/)
[jstatondesigns](https://profiles.wordpress.org/jstatondesigns/) July 9, 2024
Isn’t compatible with WooCommerce Version 9.0.2 Product block.
### [Work as expected](https://wordpress.org/support/topic/work-as-expected-50/)
[tbuza](https://profiles.wordpress.org/tbuza/) April 12, 2024
Using it for a while, no issues, working great.
### [Useless for any FSE block theme](https://wordpress.org/support/topic/useless-for-any-fse-block-theme/)
[Felix Kiz](https://profiles.wordpress.org/randewoo/) December 14, 2023
Maybe the Grid/List View for WooCommerce is good for “classic” themes. But for FSE
or block-themes it is useless. For Twenty Twenty-Four block-theme this plugin mimic
a list view just adding a short description inside:
next to Product template . And that isn’t within the product
depicting product.It doesn’t provide a respective block or blocks for itself
to adjust products archive page template in any block-theme (also known as FSE theme).
The plugin also uses jQuery for its functionality instead of Vanilla JavaScript.
### [Great PlugIn](https://wordpress.org/support/topic/great-plugin-36102/)
[Alberto](https://profiles.wordpress.org/avelez68/) February 7, 2023
Was looking for a way to add more info to my products, this plugin saves me, and
got very good options.
### [I like it](https://wordpress.org/support/topic/i-like-it-968/)
[flagmans](https://profiles.wordpress.org/flagmans/) January 12, 2023
Is really good, but could be better.
[ Read all 51 reviews ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/)
## Contributors & Developers
“Grid/List View for WooCommerce” is open source software. The following people have
contributed to this plugin.
Contributors
* [ BeRocket ](https://profiles.wordpress.org/berocket/)
* [ Dmytro Holovnia ](https://profiles.wordpress.org/dholovnia/)
[Translate “Grid/List View for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/gridlist-view-for-woocommerce)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/gridlist-view-for-woocommerce/),
check out the [SVN repository](https://plugins.svn.wordpress.org/gridlist-view-for-woocommerce/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gridlist-view-for-woocommerce/)
by [RSS](https://plugins.trac.wordpress.org/log/gridlist-view-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 3.0.9.1
* Fix – Harden Grid/List shortcode and widget attribute sanitization.
#### 3.0.9
* Enhancement – Harden locked features validation
* Enhancement – Small speed improvement
* Enhancement – Harden Global settings validation
* Fix – Global settings, some options were not editable
* Fix – PHP warnings in new framework submodule
#### 3.0.8.4
* Enhancement – Compatibility version: WordPress 7.0
* Fix – Styles issues with WordPress 7
#### 3.0.8.3
* Enhancement – Compatibility version: WordPress 6.9.4
* Enhancement – Version same as premium plugin
* Fix – PHP fatal error on plugin update when other BeRocket plugin installed
#### 1.1.8.5
* Enhancement – Compatibility version: WooCommerce 10.7
* Fix – Plugins notice mark on BeRocket element
#### 1.1.8.4
* Enhancement – Compatibility version: WordPress 6.9.4 and WooCommerce 10.6.2
* Fix – PHP warning in admin area
#### 1.1.8.3
* Enhancement – Compatibility with other BeRocket plugins
* Fix – Updater PHP error
#### 1.1.8.2
* Enhancement – Compatibility version: WordPress 6.9.3 and WooCommerce 10.6
* Fix – New plugin framework
#### 1.1.8.1
* Enhancement – Compatibility version: WooCommerce 10.3
* Fix – New plugin framework
#### 1.1.8
* Enhancement – Compatibility version: WooCommerce 9.5
* Fix – Change CDN links for elements
#### 1.1.7
* Enhancement – Compatibility version: WordPress 6.7 and WooCommerce 9.4
* Fix – Translation init errors with WordPress 6.7
#### 1.1.6
* Enhancement – Compatibility version: WooCommerce 9.3
* Enhancement – WooCommerce requirements
* Fix – Plugin update to premium PHP error
#### 1.1.5
* Enhancement – Compatibility version: WordPress 6.6 and WooCommerce 9.1
* Enhancement – New Plugin Framework
* Enhancement – Remove some code parts
#### 1.1.4
* Enhancement – Compatibility version: WordPress 6.4 and WooCommerce 8.4
* Enhancement – New Plugin Framework
#### 1.1.3.9
* Enhancement – WooCommerce High-Performance Order Storage support enable
#### 1.1.3.8
* Enhancement – New Divi Modules for buttons
* Fix – Cookie set domain
#### 1.1.3.7
* Fix – SECURITY ISSUE! Some admin AJAX functionality can be called with any logged
in users.
#### 1.1.3.6
* Enhancement – Compatibility version: WordPress 6.1 and WooCommerce 7.1
* Fix – Some plugin links to match new BeRocket Site
#### 1.1.3.5
* Enhancement – Compatibility version: WooCommerce 7.0
* Enhancement – Remove some PHP 8.1 notices
#### 1.1.3.4
* Enhancement – Compatibility version: WordPress 6.0 and WooCommerce 6.7
* Fix – JavaScript error on list update
#### 1.1.3.3
* Enhancement – Compatibility version: WordPress 5.9 and WooCommerce 6.1
#### 1.1.3.2
* Enhancement – Compatibility version: WooCommerce 5.9
#### 1.1.3.1
* Enhancement – Compatibility version: WooCommerce 5.6
#### 1.1.3
* Enhancement – Compatibility version: WordPress 5.8 and WooCommerce 5.5
#### 1.1.2.3
* Enhancement – Compatibility version: WooCommerce 5.4
#### 1.1.2.2
* Enhancement – Compatibility version: WooCommerce 5.3
#### 1.1.2.1
* Enhancement – Compatibility version: WooCommerce 5.2
#### 1.1.2
* Fix – SECURITY ISSUE! Sanitize HTML tags for all settings. Custom JavaScript
can be changed only by admin(Super admin for multisite).
#### 1.1.1.2
* Enhancement – Compatibility version: WordPress 5.7 and WooCommerce 5.1
#### 1.1.1.1
* Enhancement – Compatibility version: WooCommerce 5.0
#### 1.1.1
* Enhancement – Compatibility version: PHP 8, WordPress 5.6 and WooCommerce 4.9
#### 1.1.0.10
* Fix – Customizer Fatal error
#### 1.1.0.9
* Enhancement – Compatibility version: WooCommerce 4.7
* Fix – Disable cookie set for REST API requests
#### 1.1.0.8
* Enhancement – Compatibility version: WooCommerce 4.5
#### 1.1.0.7
* Enhancement – Compatibility version: WordPress 5.5 and WooCommerce 4.4
#### 1.1.0.6
* Enhancement – Compatibility version: WordPress 5.4.1 and WooCommerce 4.1
#### 1.1.0.5
* Enhancement – Compatibility version: WordPress 5.4 and WooCommerce 4.0
#### 1.1.0.4
* Enhancement – Compatibility version: WordPress 5.3.2 and WooCommerce 3.9.1
* Enhancement – Better compatibility with Load more and AJAX Filters plugins
* Fix – Error header already sent
#### 1.1.0.3
* Enhancement – Compatibility version: WordPress 5.3 and WooCommerce 3.8
#### 1.1.0.2
* Fix – Error with static function
#### 1.1.0.1
* Fix – Links to BeRocket
* Fix – Compatibility with other BeRocket plugins
* Fix – Button styles
* Fix – File for Loco Translate
#### 1.1
* Enhancement – new admin settings design
* Fix – Some styles was incorrect
#### 1.0.12
* Fix – Compatibility with WooCommerce 3.6
#### 1.0.11
* Enhancement – Fixed products style on selected pages
* Fix – Subscribe
* Fix – Feature request send
#### 1.0.9.3
* Enhancement – Feature request box
* Enhancement – Feedback box
#### 1.0.9.2
* Upgrade – better plugin menu items location
#### 1.0.9.1
* Upgrade – WordPress 4.9 compatibility
#### 1.0.9
* Upgrade – more useful subscribe
* Fix – updater fix
#### 1.0.8
* Upgrade – recent woocommerce version support
* Upgrade – new Admin notices
#### 1.0.7
* Upgrade – Option to subscribe
* Upgrade – Better advertisement
#### 1.0.6
* Fix – Better WooCommerce 3 compatibility
* Fix – Premium plugin link on settings page
#### 1.0.5
* Compatibility with WooCommerce 3.0.0
* Better compatibility with WPML
* Small fixes
#### 1.0.4
* Change styles in admin panel
* Color picker fix
* Error fixes
* Small fixes
#### 1.0.3
* Better support for PHP5.2
* Fix/Enhancement – Other bugs
#### 1.0.2
* Enhancement – Settings save
* Fix/Enhancement – Colorpick block doesn’t displayed
* Fix/Enhancement – Plugin name and description
* Fix/Enhancement – Other bugs
#### 1.0.1
* First public version
## Meta
* Version **3.0.9.1**
* Last updated **2 weeks ago**
* Active installations **2,000+**
* WordPress version ** 5.0 or higher **
* Tested up to **7.0.2**
* PHP version ** 7.4 or higher **
* Tags
* [grid view](https://wordpress.org/plugins/tags/grid-view/)[layout](https://wordpress.org/plugins/tags/layout/)
[list view](https://wordpress.org/plugins/tags/list-view/)[toggle](https://wordpress.org/plugins/tags/toggle/)
[woocommerce](https://wordpress.org/plugins/tags/woocommerce/)
* [Advanced View](https://wordpress.org/plugins/gridlist-view-for-woocommerce/advanced/)
## Ratings
4.4 out of 5 stars.
* [ 40 5-star reviews ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/?filter=5)
* [ 3 4-star reviews ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/?filter=4)
* [ 1 3-star review ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/?filter=2)
* [ 6 1-star reviews ](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/reviews/)
## Contributors
* [ BeRocket ](https://profiles.wordpress.org/berocket/)
* [ Dmytro Holovnia ](https://profiles.wordpress.org/dholovnia/)
## Support
Issues resolved in last two months:
0 out of 1
[View support forum](https://wordpress.org/support/plugin/gridlist-view-for-woocommerce/)
## Donate
Would you like to support the advancement of this plugin?
[ Donate to this plugin ](https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=donate&utm_campaign=list_grid)