Arefly

<p>Need some toggles (Click to Open/Close) to make your post better?</p>
<p>Now you can use this plugin to add Useful Toggles to your blog!</p>
<p>You just need to type the shortcode <code>[toggle]</code> in to your post and everything will done for you!</p>
<p>For shortcode usage please visit “Dashboard” -> “Tools” -> “Shortcode Toggle”</p>
<p>Example: <code>[toggle title="Title"]Some Content...[/toggle]</code></p>
<p>Live Demo: <a href="http://demo.arefly.com/wordpress/shortcode-toggle/" rel="nofollow ugc">Click Here</a></p>
<p>中文介紹請看<a href="http://www.arefly.com/shortcode-toggle/" rel="nofollow ugc">這裏</a></p>
<h4>Translators</h4>
<ul>
<li>Chinese, Simplified (zh_CN) – <a href="http://www.arefly.com/" rel="nofollow ugc">Arefly</a></li>
<li>Chinese, Traditional (zh_TW) – <a href="http://www.arefly.com" rel="nofollow ugc">Arefly</a></li>
<li>English (en_US) – <a href="http://www.arefly.com" rel="nofollow ugc">Arefly</a></li>
</ul>
<p>If you have created your own language pack, or have an update of an existing one, you can send <a href="https://codex.wordpress.org/Translating_WordPress" rel="nofollow ugc">gettext PO and MO files</a> to <a href="http://www.arefly.com/about/" rel="nofollow ugc">Arefly</a> so that I can bundle it into Shortcode Toggle. You can download the latest <a href="https://plugins.svn.wordpress.org/shortcode-toggle/trunk/lang/shortcode-toggle.pot" rel="nofollow ugc">POT file</a>.</p>


Shortcode Toggle

Add Useful Toggle Menu to your blog simply by shortcode.

BeRocket

Dmytro Holovnia

<p>Simple plugin for WooCommerce which toggle grid / list view of your products and toggle products count per page.</p>
<p>WooCommerce Grid/List View plugin adds buttons to shops page which toggles grid and list products view.<br />
This is simple plugin with advanced customization of list / grid view toggle buttons and list style.<br />
List view products is vertical list of products with additional information.<br />
Grid view products is default WooCommerce view of products.</p>
<h4>🚀 Spring Premium Days is LIVE!</h4>
<p><strong>Save 30%</strong> on Pro features across BeRocket plugins.<br />
<em>Let customers view products their way with fully customizable grid and list layouts. Advanced list styles and layout presets make browsing faster, cleaner, and more enjoyable, boosting conversions.</em><br />
🌿 Improve your store today. <a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=free_plugin&utm_medium=wporg&utm_campaign=spring_2026&utm_content=top_ad_cta&utm_term=list_grid" rel="nofollow ugc"><strong>Limited time offer!</strong></a></p>
<h4>Features:</h4>
<p>✅ Switch list and grid product view style<br />
✅ Simple and advanced customization for products list view<br />
✅ Customization of buttons for list / grid switch<br />
✅ Products per page switcher for Front End using<br />
✅ Customizable position for buttons list/grid view switcher</p>
<h4>Additional Features in Paid Plugin:</h4>
<p>✅ Customization for Product count switch links<br />
✅ Advanced list style for products<br />
✅ Customization for simple products list style<br />
✅ Customization for advanced products list style<br />
✅ Custom CSS styles</p>
<h4>Plugin Links:</h4>
<p><a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Paid Plugin</a><br />
<a href="https://woocommerce-grid-list.berocket.com/shop/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Demo 1</a><br />
<a href="https://woocommerce-terms-popup.berocket.com/?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Demo 2</a><br />
<a href="https://docs.berocket.com/plugin/woocommerce-grid-list-view?utm_source=wordpress_org&utm_medium=plugin_links&utm_campaign=list_grid" rel="nofollow ugc">Docs</a></p>
<h4>🍬 Wanna try admin side?</h4>
<p><a href="https://berocket.com/woocommerce-grid-list-view/?utm_source=wordpress_org&utm_medium=admin_demo&utm_campaign=list_grid#try-admin" rel="nofollow ugc">Admin Demo</a> – Get access to this plugin’s admin and try it from inside. Change things and watch how they work.</p>
<h4>Premium plugin video</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LGV7Im4Bfds?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<em>we don’t have video with free plugin right now but we are working on it</em></p>
<h4>Compatibility with WooCommerce plugins</h4>
<p>Grid/List View for WooCommerce has been tested and compatibility is certain with the following WooCommerce plugins that you can add to your site:</p>
<p>🔸 <a href="https://wordpress.org/plugins/woocommerce-ajax-filters/" rel="ugc"><strong>Advanced AJAX Product Filters</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/advanced-product-labels-for-woocommerce/" rel="ugc"><strong>Advanced Product Labels for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/load-more-products-for-woocommerce/" rel="ugc"><strong>Load More Products for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/product-preview-for-woocommerce/" rel="ugc"><strong>Product Preview for WooCommerce</strong></a><br />
🔸 <a href="https://wordpress.org/plugins/wish-wait-list-for-woocommerce/" rel="ugc"><strong>Wishlist and Waitlist for WooCommerce</strong></a></p>
<h3>Plugin Settings</h3>
<p>Plugin settings can be found in admin area, WooCommerce -> List/Grid View</p>
<h4>Buttons:</h4>
<p>Custom class – set your own class for list / grid view toggle buttons, this removes all stylization<br />
Buttons display – set where list / grid view toggle buttons will be displayed<br />
Buttons position –  list / grid view toggle buttons will be placed from left or right side<br />
Paddings – sets paddings to list / grid view toggle buttons<br />
Presets – predefined styles for list / grid view toggle buttons</p>
<h4>Product Count:</h4>
<p>Use products count – enable products per page buttons<br />
Custom class for buttons – set your own class for products per page buttons, this removes all stylization<br />
Product count value – set list of products per page toggle buttons<br />
Spliter value – set text between products per page toggle buttons<br />
Text – set custom  text before products per page toggle buttons<br />
Buttons display – set where products per page toggle buttons will be displayed<br />
Buttons position – products per page toggle buttons will be placed from left or right side</p>
<h4>List Style:</h4>
<p>Toggle Simple and Advanced style add additional settings to customize list products view.<br />
To edit element of list click on this element on right side of page<br />
Advanced style for list products view have some presets.</p>
<h4>CSS:</h4>
<p>CSS styles – Some custom css styles that adds to page.</p>
<h4>JavaScript:</h4>
<p>Custom JavaScript that executes on some action.</p>
<h4>License:</h4>
<p>Page for adding product key from BeRocket site</p>


Grid/List View for WooCommerce

Simple plugin for WooCommerce which toggle grid / list view of your products and toggle products count per page.

Shortcode Toggle vs Grid/List View for WooCommerce