technodrome

<p>Series Grid is the enhanced version of our popular grid plugin, featuring advanced layouts, animations, and customization options perfect for showcasing your content beautifully.</p>
<p><strong>🚀 NEW IN 4.0.0: Multi-Instance Layout System (PRO Feature)</strong><br />
* Now supports MULTIPLE LAYOUTS ON SAME PAGE – Grid, List, and Slider layouts can coexist on any WordPress page<br />
* Joomla-like module system with instance management (PRO only)<br />
* Backup shortcode system for enhanced flexibility</p>
<p><strong>Core Features (Free):</strong><br />
* Single Layout per Page – One <code>[series_grid]</code> shortcode per page<br />
* Basic Layout Options – Grid, List, Slider (one per page)<br />
* Category filtering<br />
* Customizable columns (1-6)<br />
* Font size control<br />
* Image extraction from posts<br />
* Lazy loading<br />
* Fallback images and colors</p>
<p><strong>PRO Features (License Required):</strong><br />
* <strong>Multi-Instance Manager:</strong> Create unlimited layout instances on same page<br />
* <strong>Animation Effects:</strong> Fade In, Slide Up, Zoom In, Bounce In<br />
* <strong>Color Themes:</strong> Dark, Blue, Green, Red schemes<br />
* <strong>Advanced Hover Effects:</strong> Color Overlay, Image Zoom, Content Slide, Card Flip<br />
* <strong>Force Image Shape:</strong> Square, 4:3, 16:9, 3:2 aspect ratios<br />
* <strong>Auto-Scroll Slider:</strong> With speed control and pause on hover<br />
* <strong>Navigation Controls:</strong> Slider arrows and dots navigation<br />
* <strong>Social Sharing:</strong> Facebook, Twitter, WhatsApp buttons<br />
* <strong>Custom CSS Editor:</strong> Add your own styling<br />
* <strong>Custom Image Heights:</strong> Precise control over slider dimensions</p>
<p><strong>Safe & Reliable:</strong><br />
* Modern PSR-4 architecture<br />
* Secure license validation with local fallback<br />
* Responsive design with mobile optimization<br />
* Accessibility features included<br />
* Safe slider dimensions with built-in limits</p>
<h3>Usage</h3>
<p><strong>FREE Version – Single Layout:</strong><br />
One layout per page with basic customization + PRO license field:<br />
    <code>php<br />
[series_grid layout="grid" columns="3" categories="1,2,3]    // Single layout<br />
[series_list count="6]                                        // Single layout<br />
[series_slider auto_scroll="yes]                              // Single layout</code></p>
<p><strong>PRO Version – Multi-Instance Manager:</strong><br />
Unlimited layouts on same page (requires valid PRO license):<br />
    <code>php<br />
// Access in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Series Grid <span aria-hidden="true" class="wp-exclude-emoji">→</span> PRO Advanced <span aria-hidden="true" class="wp-exclude-emoji">→</span> Multi-Instance Manager<br />
[series_grid id="featured" layout="grid" columns="3" categories="1,2,3]<br />
[series_grid id="trending" layout="slider" auto_scroll="yes" categories="4,5]<br />
[series_grid id="recent" layout="list" categories="6,7]</code></p>
<p><strong>FREE Parameters:</strong><br />
* <code>layout</code>: grid, list, slider (one per page)<br />
* <code>columns</code>: 1-6 (grid only)<br />
* <code>count</code>: number of posts<br />
* <code>categories</code>: category IDs (comma-separated)<br />
* <code>font_size</code>: small, medium, large<br />
* <code>show_category</code>: yes, no<br />
* <code>show_date</code>: yes, no<br />
* <code>show_introtext</code>: yes, no</p>
<p><strong>PRO Parameters (requires license):</strong><br />
* <code>id</code>: Unique instance ID (for multi-instance system)<br />
* <code>animation_effect</code>: none, fade, slide, zoom, bounce<br />
* <code>color_scheme</code>: default, dark, blue, green, red<br />
* <code>hover_effect</code>: basic, overlay, zoom, slide, flip<br />
* <code>image_aspect_ratio</code>: auto, 1-1, 4-3, 16-9, 3-2<br />
* <code>social_sharing</code>: yes, no<br />
* <code>auto_scroll</code>: yes, no (slider only)<br />
* <code>scroll_speed</code>: slow, normal, fast<br />
* <code>show_navigation</code>: yes, no (slider only)<br />
* <code>show_dots</code>: yes, no (slider only)</p>
<h3>License Information</h3>
<p>This plugin uses a dual licensing system:<br />
* Basic features: GPL2 (free)<br />
* PRO features: Commercial license required</p>
<p>Demo license keys are provided for testing purposes only.<br />
For production use, a valid commercial license is required.</p>
<h3>Support</h3>
<p>For support and licensing:<br />
* Visit: https://technodrome.nasrpskom.com<br />
* Email: support@technodrome.nasrpskom.com</p>


Series Grid

Display posts in responsive grid, list, or slider layouts. PRO features include animations, color themes, auto-scroll, and social sharing.

Phoeniixx

<p><a href="http://gridlisttogglefree.phoeniixxdemo.com/shop/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="http://gridlisttogglefree.phoeniixxdemo.com/wp-content/uploads/2018/04/grid-list2.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<h4>Overview</h4>
<p>Grid & List Toggle for Woocommerce allows the users to decide whether they’d like to view products in the form of Grid or in the form of List. The plugin adds a button to your product archives, allowing users to toggle between the two types of views. The list view is much detailed as it arranges the products in vertical manner and gives out specific details.<br />
It is for the Admin to decide whether the default view is to be kept as Grid or as List.</p>
<h4>Free Features:</h4>
<ul>
<li>Option to enable or disable Grid/List Toggle plugin.</li>
<li>By default view of the products will be in the List view.</li>
</ul>
<p><a href="http://gridlisttogglefree.phoeniixxdemo.com/shop/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="http://gridlisttogglefree.phoeniixxdemo.com/wp-content/uploads/2018/04/grid-list2.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<p><strong> Take a look at how to set up Grid/List view in Woocommerce </strong><br />
<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/GoYtjMAORc4?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></p>
<h4>Premium Features:</h4>
<p><a href="http://gridlistmas.phoeniixxdemo.com/shop/" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/grid-list-toggle-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2017/02/Gridlist-toggle-2.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<h4>Global Settings</h4>
<ul>
<li> Option to enable or disable Grid/List Toggle plugin. </li>
<li> Option to choose the default style.</li>
<li> Option to set the style alignment in the Centre, Left, or in Right.</li>
<li> Option to set the Tab active color.</li>
<li> Option to set the Tab padding.</li>
</ul>
<h4>Style 1</h4>
<ul>
<li> Option to enable or disable the Tab.</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>
<h4>Style 2</h4>
<ul>
<li> Option to enable or disable the Tab.</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>
<h4>Style 3</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>
<h4>Style 4</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>
<h4>Style 5</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
</ul>
<h4>Style 6</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>
<h4>Style 7</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>
<h4>Style 8</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
</ul>
<h4>Style 9</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>
<h4>Style 10</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the hover background color.</li>
<li> Option to set the opacity.</li>
</ul>
<h4>Style 11</h4>
<ul>
<li> Option to enable or disable the Tab</li>
<li> Option to set the Tab icon.</li>
<li> Option to enable or disable the Tab icon.</li>
<li> Option to set the Tab icon size.</li>
<li> Option to set the Tab icon color.</li>
<li> Option to set the background color.</li>
<li> Option to set the hover background color.</li>
</ul>
<p><a href="http://gridlistmas.phoeniixxdemo.com/shop/" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/grid-list-toggle-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2017/02/Gridlist-toggle-2.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Grid & List Toggle for Woocommerce

This Plugin lets you display Grid/List view on product pages, so that your customers are facilitated in selecting the view of the product page.

Series Grid vs Grid & List Toggle for Woocommerce