James Koster

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 <a href="https://github.com/jameskoster/woocommerce-grid-list-toggle" rel="nofollow ugc">github</a>.

WooCommerce Grid / List toggle

Awesome!
Perfect!
Works out of the box.

Many many thanks!!!

Perfect! Works out of the box.

Adds a grid/list view toggle to product archives

Crocoblock

Meet <a href="https://crocoblock.com/plugins/jetgridbuilder/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=release" rel="nofollow ugc">JetGridBuilder plugin for Elementor and Gutenberg</a> — free addon for creating wow-grids on your website. Forget about the limits of premade layouts. Put your ideas in motion just by dragging the posts to the desired grid area.
Build the grids for various purposes: posts grid for a blog, product grid for an online store, portfolio or image galleries, grid with advertising banners and events, etc. Crocoblock guarantees that JetGridBuilder plugin is RTL compatible, has the lightest code and most responsive design options in the field.
Unpacking the plugin, you will find 2 widgets inside:
<ul>
<li>Post Grid Builder</li>
<li>Terms Grid Builder</li>
</ul>
JetGridBuilder works flawlessly with ACF, PODS, Metabox, Toolset, and WooCommerce. Create custom post types and product posts, add pages, posts, categories, and subcategories with any of these tools, and be sure that JetGridBuilder will display them dynamically. All you need to do is to arrange the cards in the grid of your design with the help of Elementor and Gutenberg.
Perfect combo with JetEngine
Great news for the adherents of Crocoblock’s <a href="https://crocoblock.com/plugins/jetengine/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=" rel="nofollow ugc">JetEngine</a> plugin. Use JetEngine listing as a source of data for your grid to display extra custom dynamic info. JetEngine listing’s stylizations will be applied to the grid instead of the default ones.
The opportunities you get with JetGridBuilder:
<ol>
<li>Setting of backing grid columns to create a sophisticated grid.</li>
<li>Setting the indent between posts with the help of Gutter.</li>
<li>Adjusting the layout of any difficulty by resizing each card and moving it along the grid.</li>
<li>Aligning the posts automatically with the Vertical Compact Option (you can place the cards anywhere on the grid in case if this toggle is not enabled. But if you turn it on, all cards will be automatically aligned to the top that creates the standard grid view).</li>
<li>Two item style options available by default: standard for the info to appear on the colored background under the image, content overlay to showcase the information on the translucent background over the picture.</li>
<li>Customizable loading spinner (25 amazing spinner types are available).</li>
<li>A great number of style settings for every page element (works only for Elementor; Gutenberg applies its default styles). </li>
</ol>
We prepared an inspiring demo page, where you can play with the posts: adjust, move, delete or add them. Check out free grid plugin — JetGridBuilder — in action <a href="https://crocoblock.com/plugins/jetgridbuilder/?utm_source=wordpressorg&utm_medium=referral&utm_campaign=jetgridbuilder_plugin&utm_content=" rel="nofollow ugc">https://crocoblock.com/plugins/jetgridbuilder/</a>
More information
Here are some useful links for you to dive into the details on JetGridBuilder application:
<ul>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-settings-overview/" rel="nofollow ugc">JetGridBuilder for Elementor: Settings Overview</a></li>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-how-to-create-a-posts-grid/" rel="nofollow ugc">JetGridBuilder: How to Create a Posts Grid in Elementor</a></li>
<li><a href="https://crocoblock.com/knowledge-base/articles/jetgridbuilder-how-to-create-posts-grid-in-gutenberg-editor/" rel="nofollow ugc">How to Create Posts Grid in Gutenberg Editor</a></li>
</ul>

JetGridBuilder — Grid Builder for Elementor and Gutenberg

JetGridBuilder plugin for Elementor and Gutenberg free addon for creating wow-grids on your website. Forget about the limits of premade layouts.

WooCommerce Grid / List toggle vs JetGridBuilder — Grid Builder for Elementor and Gutenberg