Code Amp

<p>Build a list or grid layout of any post type (products, pages, posts + more).</p>
<p>The visual editing experience makes creating unique designs a breeze.</p>
<ul>
<li>Design post templates (cards) using our drag and drop builder</li>
<li>Built for both Gutenberg users and non Gutenberg users (blocks + shortcodes available)</li>
<li>Query builder – select from multiple post types or restrict by tags, categories, taxonomies, authors and more</li>
<li>Works with any theme</li>
<li>No coding required</li>
<li>Responsive options</li>
</ul>
<p><strong>Links</strong></p>
<ul>
<li><a href="https://customlayouts.com" rel="nofollow ugc">Website</a></li>
<li><a href="https://customlayouts.com/examples/" rel="nofollow ugc">Examples</a></li>
<li><a href="https://customlayouts.com/documentation/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://twitter.com/wpcustomlayouts" rel="nofollow ugc">Follow us</a> for updates and tips</li>
</ul>
<h3>What can you make with this plugin?</h3>
<ul>
<li>Popular posts widget</li>
<li>Recent posts widget</li>
<li>A shop layout for listing products (*when combined WooCommerce, Easy Digital Downloads and other product plugins)</li>
<li>A post grid</li>
<li>A portfolio grid</li>
<li>Masonry layouts</li>
<li>Custom post type layouts<br />
And much more…</li>
</ul>
<h3>Layout Editor</h3>
<p>Build single column or grid based layouts using the visual editor.</p>
<ul>
<li>Supports Masonry out of the box</li>
<li>Tons of design options to build the layout you want</li>
<li>Choose to add numbered Pagination ( ‘Load more’ and ‘Infinite scroll’ options are planned )</li>
<li>Powerful query builder</li>
<li>Responsive columns (choose how many columns to show for each device size – and set your own breakpoints)</li>
</ul>
<h3>Query Builder</h3>
<p>Options include:</p>
<ul>
<li>Multiple post type selection</li>
<li>Tag, category and custom taxonomy restriction</li>
<li>Single author or multiple author restriction</li>
<li>Ordering by – post title, published date (for recent posts), modified date, post ID, comment count (for popular posts), author</li>
<li>Posts per page</li>
<li>Offset</li>
<li>Ignore sticky posts</li>
</ul>
<h3>Template Editor</h3>
<ul>
<li>Design individual templates (cards) using our drag and drop editor – creativity is your only limit</li>
<li>Link them with your layouts to build beautiful designs</li>
<li>Hundreds of design options</li>
<li>Unique blocks for building templates + template editor
<ul>
<li>granular control over the blocks you add to your design – choose from a growing list</li>
<li>to re-arrange blocks, just drag and drop</li>
<li>each block has it’s own sidebar full of options such as spacing, colors (including gradients + alpha transparencies), font settings, borders, and more.</li>
</ul>
</li>
<li>Currently available blocks: <strong>Post Title</strong>, <strong>Post Type</strong>, <strong>Post Excerpt</strong>, <strong>Post Author</strong>, <strong>Published + Modified Date</strong>, <strong>Custom Field</strong>, <strong>Taxonomies</strong>, <strong>Link</strong>, <strong>Basic Text</strong> (with shortcode support).<br />
<a href="https://customlayouts.com/documentation/template-elements/" rel="nofollow ugc">Find out more about our template blocks</a>.</li>
</ul>
<h3>Gutenberg integration</h3>
<ul>
<li>Custom blocks for building layouts</li>
<li>Seamlessly integrates with our Template Editor</li>
<li>UI built using 90% Gutenberg components 👍</li>
<li>Experimental FSE Query block support (drop our Post Template block into the Query block…)</li>
<li>Works with the version of Gutenberg shipped in WP core, and the Gutenberg plugin (using the latest stable build)</li>
</ul>
<h3>Built for speed</h3>
<ul>
<li>At its base – loads only 1 css file and 1 javascript file on the frontend – total bundle size approx 15kb.</li>
<li>CSS file dynamically created, saving resources and requests per page load (+ avoiding inline CSS)</li>
<li>Caches posts + queries for optimum performance</li>
<li>Not jQuery dependant</li>
</ul>
<h3>Includes 7 sample templates</h3>
<p>We’ve included a pack of templates ready for you to customise – check the installation tab for how to import these to your site.</p>
<h3>Multilingual ready</h3>
<p>Custom Layouts should support most multilingual plugins – we use a custom post type to store content that is not stored in the block editor.<br />
* We’ve also added specific support for WPML’s Advanced Translation Editor.</p>
<h3>Known Issues</h3>
<ul>
<li>Admin Template Editor only works on desktop computers (tablets + mobiles not supported)</li>
<li>Admin Template Editor does not work on IE, all other major browsers supported – ** the frontend of this plugin supports IE 11+, no sweat</li>
</ul>
<h3>Roadmap</h3>
<ul>
<li>Improve performance and load speed by providing an option to use CSS Grid for layouts + masonry</li>
<li>Support more CSS unit types in more places</li>
<li>Blocks for WooCommerce</li>
<li>Blocks for ACF</li>
<li>More template blocks (possibly use the block library)</li>
<li>Additional hover options</li>
<li>Additional font options.</li>
<li>Social/sharing blocks</li>
</ul>
<p><strong><a href="https://wordpress.org/support/plugin/custom-layouts/reviews/#new-post" rel="ugc">Reviews</a> help us improve (and climb the plugin rankings)</strong></p>


Custom Layouts – Post + Product grids made easy

...customize the default image and disable default image for posts that have none.

Does just what's needed, will give another star when I can...

Build a list or grid layout of any post type (posts, products, pages + more).

Elicus

<p>WPMozo Product Grid for WooCommerce</p>
<p>WPMozo Gutenberg Product Grid for WooCommerce is a WordPress plugin for creating products grid. This plugin allows store owners to showcase their products in a responsive and customizable layout within the Gutenberg editor.</p>
<p><a href="https://productgrid.wpmozo.com" rel="nofollow ugc"><strong>View Demo</strong></a></p>
<h3>Key Features of the WPMozo Product Grid for WooCommerce Plugin</h3>
<h4>Gutenberg Block</h4>
<p>The WPMozo Gutenberg product grid for WooCommerce is a dedicated Gutenberg block that helps WordPress users create flexible and engaging product displays. After installation and activation, users can easily find and use a dedicated block within the editor to create beautiful product grids.</p>
<h4>Adaptable Display</h4>
<p>Access various options to customize grid columns, spacing, pagination styles, and more.</p>
<h4>Optimized for all products</h4>
<p>Works seamlessly for all products types.</p>
<h4>Mobile-Responsive Design:</h4>
<p>The WPMozo Product Grid for WooCommerce ensures your products look great and work perfectly on all devices.</p>
<p>For new feature suggestions, kindly reach out via our support forum.<br />
Stay updated on WPMozo Product Grid for WooCommerce – <a href="https://www.facebook.com/hellowpmozo" rel="nofollow ugc">Connect with us on Facebook!</a><br />
Stay ahead of the curve! <a href="https://twitter.com/hellowpmozo" rel="nofollow ugc">Follow us on Twitter!</a></p>
<h3>Documentation and Support</h3>
<p>– Check out the <a href="https://wpmozo.com/documentation/wpmozo-product-grid-for-woocommerce/" title="product documentation" rel="nofollow ugc">product documentation</a>.<br />
– If you have a question, please visit the <a href="https://wordpress.org/support/plugin/wpmozo-product-grid-for-woocommerce/" title="plugin support forum" rel="ugc">plugin support forum</a>.<br />
– If you have suggestions for a new feature, feel free to contact us using the support forum.</p>
<h3>Like our Plugin?</h3>
<p>Do you like our plugin?<br />
– Connect with us on <a href="https://www.facebook.com/hellowpmozo" title="Facebook" rel="nofollow ugc">Facebook</a>!<br />
– Follow us on <a href="http://twitter.com/hellowpmozo" title="Twitter" rel="nofollow ugc">Twitter</a>!<br />
– Join our <a href="https://www.youtube.com/@wpmozo" title="YouTube" rel="nofollow ugc">YouTube</a> channel<br />
– Rate us on <a href="https://wordpress.org/support/plugin/wpmozo-product-grid-for-woocommerce/reviews/?rate=5#new-post" title="Rate our plugin" rel="ugc">WordPress</a>.</p>
<h3>Third Party Code Credits</h3>
<p>#### FontAwesome</p>
<ul>
<li>File Location: /assets/frontend/fontawesome/all.min.css</li>
<li>License: MIT</li>
</ul>
<p>#### GLightbox</p>
<ul>
<li>File Location: /assets/frontend/glightbox/css/glightbox.css</li>
<li>File Location: /assets/frontend/glightbox/js/glightbox.js</li>
<li>License: MIT</li>
</ul>
<p>MIT License</p>
<p>Copyright (c) 2018 Biati Digital https://www.biati.digital</p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy<br />
of this software and associated documentation files (the “Software”), to deal<br />
in the Software without restriction, including without limitation the rights<br />
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell<br />
copies of the Software, and to permit persons to whom the Software is<br />
furnished to do so, subject to the following conditions:</p>
<p>The above copyright notice and this permission notice shall be included in all<br />
copies or substantial portions of the Software.</p>
<p>THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR<br />
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,<br />
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br />
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER<br />
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,<br />
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE<br />
SOFTWARE.</p>
<p>#### Masonry</p>
<ul>
<li>File Location: /assets/frontend/masonry/masonry.js</li>
<li>License: MIT</li>
</ul>
<p>The MIT License (MIT)<br />
<strong>Copyright (c) 2025 David DeSandro, https://desandro.com/</strong></p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p>
<p>The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.</p>
<p>#### Images</p>
<ul>
<li>File Location: /assets/frontend/images/Rolling.svg</li>
<li>License: Loading.io Free License</li>
<li>License Path: https://loading.io/license</li>
</ul>
<p>With Loading.io Free license ( LD-FREE / FREE / Free License ), items are dedicated to the public domain by waiving all our right worldwide under copyright law. You can use items under LD-FREE freely for any purpose. No attribution is required.</p>


WPMozo Product Grid for WooCommerce

WPMozo Product Grid for WooCommerce is a plugin to showcase your products in a customizable grid layout using the Gutenberg block editor.

Custom Layouts – Post + Product grids made easy vs WPMozo Product Grid for WooCommerce