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

WebTend

<p><strong>Storzen</strong> is a powerful shop builder for Elementor and WooCommerce that lets you design stunning product displays without writing a single line of code. Replace boring default WooCommerce layouts with beautiful grids, sliders, tabbed sections, and list views — all built visually inside Elementor.</p>
<p>Whether you’re building a homepage product showcase, a landing page, or a full WooCommerce shop — <strong>Storzen</strong> gives you complete control over how your products look and convert.</p>
<h3>Why Storzen?</h3>
<p>Most WooCommerce stores look identical because they rely on default layouts. Storzen breaks that pattern. With native Elementor widgets, you can craft product sections that match your brand, engage your visitors, and drive more sales — in minutes, not days.</p>
<h4>Key Features</h4>
<p><strong>Product Grid Layout</strong><br />
Display your WooCommerce products in fully customizable grid layouts. Control columns, spacing, image size, hover effects, and more — all from the Elementor panel. Perfect for shop pages, category pages, and homepages.</p>
<p><strong>Product Carousel Slider</strong><br />
Showcase featured, trending, or new arrival products in a smooth, interactive carousel slider. Increase product visibility and keep visitors engaged longer on your store.</p>
<p><strong>Tabbed Product Sections</strong><br />
Organize products into tabs — Latest, Best Sellers, Featured, or by Category — all in one widget. Let shoppers explore your catalog without leaving the page.</p>
<p><strong>List View Layout</strong><br />
Present products in a detailed list format, ideal for stores where comparison and specification matter. Give your customers the information they need to buy with confidence.</p>
<p><strong>Fully Responsive Design</strong><br />
Every layout built with Storzen looks perfect on desktop, tablet, and mobile — automatically. No extra configuration or breakpoint headaches needed.</p>
<p><strong>Smart Product Filtering</strong><br />
Display exactly the right products to the right audience. Filter by category, tag, featured status, best sellers, newest arrivals, and more — directly from the widget settings.</p>
<p><strong>Native Elementor Integration</strong><br />
Storzen widgets appear natively inside your Elementor widget panel. Just drag, drop, and customize — it feels like a built-in Elementor feature from day one.</p>
<p><strong>Zero Coding Required</strong><br />
Built for store owners, marketers, and designers. No PHP, no CSS, no shortcodes. If you can use Elementor, you can use Storzen.</p>
<h3>Perfect For</h3>
<ul>
<li><strong>WooCommerce store owners</strong> who want professional product layouts without hiring a developer</li>
<li><strong>Elementor users</strong> looking for WooCommerce-specific widgets that go beyond the defaults</li>
<li><strong>Designers & agencies</strong> building client stores who need fast, flexible product display options</li>
<li><strong>Marketers</strong> creating high-converting WooCommerce landing pages and promotional campaigns</li>
</ul>
<h3>Use Cases</h3>
<p><strong>Homepage Product Sections</strong><br />
Greet your visitors with visually compelling product grids and sliders that immediately communicate your catalog and drive clicks.</p>
<p><strong>Seasonal Campaigns & Promotions</strong><br />
Build targeted product showcases for sales, holidays, or new collections — launch in minutes with zero developer dependency.</p>
<p><strong>Category Landing Pages</strong><br />
Create dedicated, high-converting pages for your top product categories using tabbed sections and custom grid layouts.</p>
<p><strong>WooCommerce Product Showcases</strong><br />
Highlight collections, bundles, or curated picks with a focused, distraction-free product display that converts browsers into buyers.</p>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>WooCommerce (latest version recommended)</li>
<li>Elementor (free version works)</li>
<li>PHP 7.4 or higher</li>
</ul>
<h3>Get Started in 3 Steps</h3>
<ol>
<li>Install & activate <strong>WooCommerce</strong> and <strong>Elementor</strong></li>
<li>Install & activate <strong>Storzen</strong></li>
<li>Open any page in Elementor <span aria-hidden="true" class="wp-exclude-emoji">→</span> find Storzen widgets in the panel <span aria-hidden="true" class="wp-exclude-emoji">→</span> drag, drop, and publish your perfect WooCommerce shop</li>
</ol>
<p><strong>Build your best WooCommerce store today — install Storzen free.</strong></p>


Storzen – Shop Builder for Elementor and WooCommerce

A high-converting shop builder for Elementor and WooCommerce. Design product grids, sliders & tabbed sections visually — zero code. Install free.

Custom Layouts – Post + Product grids made easy vs Storzen – Shop Builder for Elementor and WooCommerce