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).

Oxilab

WPKIN

Richard

WPToffee

<p>Use <strong>Product Layouts for WooCommerce</strong> to display your products with stunning styles and layouts, no coding required.<br />
Perfect for showcasing your store items beautifully and increasing sales.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li>Create product grids, tables, sliders, and galleries easily.</li>
<li>Fully responsive and works with all major themes and page builders.</li>
<li>Use simple shortcodes anywhere, pages, posts, or widgets.</li>
<li>Import demo layouts or create your own with live preview.</li>
</ul>
<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/rYcP_MGE2X4?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>👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a></p>
<h3>Free Version</h3>
<p>👉 General Layouts (3) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a><br />
👉 Call to Action Layouts (2) <a href="https://product-layouts.com/demo/call-to-action/" rel="nofollow ugc">View Demo</a><br />
👉 Product Table Layouts (1) <a href="https://product-layouts.com/demo/product-table/" rel="nofollow ugc">View Demo</a><br />
👉 Product List Layouts (1) <a href="https://product-layouts.com/demo/product-list/" rel="nofollow ugc">View Demo</a><br />
👉 Caption Layouts (2) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a><br />
👉 FlipBox Layouts (1) <a href="https://product-layouts.com/demo/flipbox-layouts/" rel="nofollow ugc">View Demo</a></p>
<h3>💰 Pro Version</h3>
<p>👉 All Free Features<br />
👉 General Layouts (4) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a><br />
👉 Caption Layouts (6) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a><br />
👉 Product Tabs <a href="https://product-layouts.com/demo/category-tabs/" rel="nofollow ugc">View Demo</a><br />
👉 Product Carousel Slider <a href="https://product-layouts.com/demo/product-carousel/" rel="nofollow ugc">View Demo</a><br />
👉 Product Filter (Sort by, Show per page, Category, Price Range, Rating). <a href="https://product-layouts.com/demo/filter-sorting/" rel="nofollow ugc">View Demo</a><br />
👉 Accordion (Upcoming)<br />
👉 Product Pagination (with preset)<br />
👉 Load More Button<br />
👉 Category Page Design</p>
<h3>Features</h3>
<ol>
<li><strong>Custom Settings</strong> – You can change layout style (Product Filter, Color, Background Color, Border, Box shadow, etc.) using custom settings.</li>
<li><strong>Font Settings</strong> – You can set font typography (Font, Font-size, Font-shadow, Line-height, letter spacing, etc.) as your own choice.</li>
<li><strong>Style Settings</strong> – You can style layout (Color, Background Color, Border, Box shadow, etc.) using style settings.</li>
<li><strong>Live Preview</strong> – Our plugin includes a Live Preview interface so users can see changes instantly. Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is designed for real-time editing convenience.</li>
<li><strong>Clone Layout</strong> – Use the Clone option to copy layout styles with one click.</li>
<li><strong>Export and Import</strong> – Export JSON file from Shortcode list and import from Import page.</li>
<li><strong>Shortcode</strong> – Display your product using shortcode.</li>
<li><strong>Product Filter Settings</strong> – Easily filter products by Category, Type, Order By, etc.</li>
<li><strong>Icon Settings</strong> – Use icons from Icon Library (Icon Picker) for Add to Cart, Wishlist, Quick View, Compare Table buttons.</li>
<li><strong>Borders and Shadows</strong> – Apply border and box shadows everywhere.</li>
<li><strong>Color Pickers</strong> – Choose colors using color picker (Color, Gradient, Linear Gradient).</li>
<li><strong>Import Layouts from Demo</strong> – Export layouts from the demo and import directly into your plugin.</li>
<li><strong>Multi Language Supported</strong> – Translate easily with Loco Translate and reach a global audience.</li>
</ol>
<p>👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a></p>
<h3>Responsive & Beautiful</h3>
<p><strong>Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table)</strong> is fully responsive and optimized for performance, an important factor for SEO and eCommerce success.<br />
It works smoothly across devices and displays your products beautifully with animations like sliding, fading, and folding. Customize typography, colors, alignment, and background to create professional product presentations.</p>
<p>👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a></p>


Product Layouts for WooCommerce

Thank you for quick support. This is a awesome plugin to create diffrent type of woocommerce product layouts.

Quickest support I've ever got.

Create impressive, lightweight, responsive WooCommerce product layouts. Compatible with popular themes & page builders.

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