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 – either Google fonts or the Gutenberg api which looks like it’s coming soon</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).

StorePlugin

iqbalbary

<p>ShopElement is a powerful collection of Elementor Addons for WooCommerce, designed to help you build modern, conversion focused stores using the Elementor page builder. With ShopElement, you can create fully custom shop layouts, product showcases, promotional banners, and interactive sliders without writing a single line of code.</p>
<p>This plugin offers a rich set of WooCommerce focused widgets including Product Grid, Product List, Product Carousel, Store Features, Customer Reviews, Product Categories, Banners, and Brand Logos. Each widget is fully customizable inside Elementor, giving you total control over design, layout, spacing, colors, typography, hover effects, and responsiveness.</p>
<p>Whether you are building a new WooCommerce store or improving an existing one, ShopElement helps you create visually appealing, user-friendly shop pages that improve engagement and increase sales.</p>
<h3>🌟 What You Can Build with ShopElement</h3>
<ul>
<li>Modern <strong>Product Grids</strong> for shop and landing pages  </li>
<li>Clean <strong>Product Lists</strong> to highlight essential details  </li>
<li>Interactive <strong>Product Carousels</strong> for featured or trending items  </li>
<li>Attractive <strong>Product Banners</strong> for sales and promotions  </li>
<li>Custom <strong>Store Feature Sections</strong> (Free Shipping, Support, Returns)  </li>
<li>Beautiful <strong>Brand Logo</strong> displays  </li>
<li>Engaging <strong>Customer Review Carousels</strong>  </li>
<li>Stylish <strong>Product Category Blocks</strong> for easier navigation</li>
</ul>
<h3>🔎 Detailed Feature Breakdown</h3>
<h3><strong>1. Product Grid Widget</strong></h3>
<p>Display WooCommerce products in a modern, responsive grid. Control the number of products, columns, ordering, hover animation, price visibility, ratings, buttons, and badges. Ideal for shop pages, homepages, and promotional sections.</p>
<h3><strong>2. Product List Widget</strong></h3>
<p>A clean vertical layout for displaying products in a minimal list style. Great for sidebars, recommendation blocks, mobile-friendly shops, and content-driven layouts.</p>
<h3><strong>3. Store Feature Widget</strong></h3>
<p>Highlight key selling points of your shop—such as Free Shipping, Secure Checkout, Easy Returns, or 24/7 Support. Helps build trust and increases conversion rates.</p>
<h3><strong>4. Product Carousel Widget</strong></h3>
<p>Showcase products in an interactive slider. Includes autoplay, navigation arrows, infinite loop, speed control, and responsive settings. Perfect for best sellers, featured items, or seasonal campaigns.</p>
<h3><strong>5. Product Banner Widget</strong></h3>
<p>Create beautiful promotional banners with product images, overlay text, call-to-action buttons, and hover animations. Useful for sale campaigns, hero sections, or product announcements.</p>
<h3><strong>6. Brand Logo Widget</strong></h3>
<p>Display brand, vendor, or partner logos in a grid or slider layout. Enhances credibility and creates a professional brand presence.</p>
<h3><strong>7. Customer Review Carousel Widget</strong></h3>
<p>Present testimonials or customer reviews in a rotating slider format. Helps create trust and social proof to improve conversions.</p>
<h3><strong>8. Product Category Widget</strong></h3>
<p>Display WooCommerce product categories with images, titles, product counts, and custom styling. Helps users browse your store easily and boosts navigation flow.</p>
<h3>Why Use ShopElement?</h3>
<ul>
<li>Designed for <strong>WooCommerce + Elementor</strong></li>
<li>Fully customizable widgets with deep styling control</li>
<li>Lightweight and optimized for fast performance</li>
<li>Works with Elementor Free (Pro not required)</li>
<li>Compatible with all modern WordPress and WooCommerce themes</li>
<li>Perfect for creating custom shop pages, landing pages, and promotional sections</li>
<li>Beginner-friendly but powerful enough for advanced users</li>
</ul>
<h3>PRO Features</h3>
<p>Unlock premium layouts, widgets, and advanced options with <strong>ShopElement Pro</strong>:</p>
<ul>
<li>⭐ Product Grid – 2 premium layouts  </li>
<li>⭐ Product List – 2 premium layouts  </li>
<li>⭐ Product Carousel – 2 premium layouts  </li>
<li>⭐ Product Banner – 4 premium layouts  </li>
<li>⭐ Customer Review Carousel – 2 premium layouts  </li>
<li>⭐ Product Category – 2 premium layouts  </li>
<li>⭐ Image Marker with Product (Hotspot) – 2 premium layouts  </li>
<li>⭐ Product Image Accordion – 2 advanced interactive layouts  </li>
</ul>
<p>👉 <a href="https://storeplugin.net/plugins/shopelement/?utm_source=wporg&utm_campaign=seorder&utm_medium=link" rel="nofollow ugc">Get ShopElement Pro</a></p>
<p>ShopElement gives you the freedom to design a WooCommerce store exactly the way you want – visually, easily, and professionally.</p>


ShopElement – Elementor Addons for WooCommerce Product Grid, Carousel & Category Widgets

Build beautiful WooCommerce stores with powerful Elementor widgets - product grids, carousels, categories, banners, reviews, and more.

Custom Layouts – Post + Product grids made easy vs ShopElement – Elementor Addons for WooCommerce Product Grid, Carousel & Category Widgets