Grid/List 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
Demo 1
Demo 2
Docs

🍬 Wanna try admin side?

Admin Demo – 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
🔸 Advanced Product Labels for WooCommerce
🔸 Load More Products for WooCommerce
🔸 Product Preview for WooCommerce
🔸 Wishlist and Waitlist 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

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. 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. Configure plugin the way you need to check the results.

Reviews

Good job !

MZed 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

jstatondesigns July 9, 2024

Isn’t compatible with WooCommerce Version 9.0.2?Product block.

Work as expected

tbuza April 12, 2024

Using it for a while, no issues, working great.

Useless for any FSE block theme

Felix Kiz 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: <div class=”berocket_lgv_additional_data”> </div> next to Product template <li>. And that <div> isn’t within the product <li> 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.

Move “Add to Cart” Button to BELOW product

dawazote December 2, 2023

Thank you to the developer for this plugin. Its beats me why woocommerce did not include such a basic functionality. The issue I have is the “Add To Cart” button is appearing above the product rather than the more natural position below on mobile. Unfortunately, the plugin settings is the hardest to navigate of all my 47 installed plugins! The second issue is alignment on mobile. The shop is only taking half the shop width on the left rather than whole screen. How can I change these settings? Thanks????

Great PlugIn

Alberto February 7, 2023

Was looking for a way to add more info to my products, this plugin saves me, and got very good options.

Contributors & Developers

Changelog

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