Code Amp

Build a list or grid layout of any post type (products, pages, posts + more).
The visual editing experience makes creating unique designs a breeze.
<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>
Links
<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 
And much more…</li>
</ul>
<h3>Layout Editor</h3>
Build single column or grid based layouts using the visual editor.
<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>
Options include:
<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: Post Title, Post Type, Post Excerpt, Post Author, Published + Modified Date, Custom Field, Taxonomies, Link, Basic Text (with shortcode support). 
<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>
We’ve included a pack of templates ready for you to customise – check the installation tab for how to import these to your site.
<h3>Multilingual ready</h3>
Custom Layouts should support most multilingual plugins – we use a custom post type to store content that is not stored in the block editor. 
* We’ve also added specific support for WPML’s Advanced Translation Editor.
<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>
<a href="https://wordpress.org/support/plugin/custom-layouts/reviews/#new-post" rel="ugc">Reviews</a> help us improve (and climb the plugin rankings)

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

Asaduzzaman Abir

ThemeSpell

The Super Flexible, Elegant, and Highly Customizable Product Showcase Plugin for WordPress 🚀
Showcase your woocommerce products in style with TS Product Showcase
<h3>💡 DAILY EXPERIENCED WITH ADVANCED FEATURES</h3>
<ul>
<li>Live Builder </li>
<li>Admin SPA interface (build with ReactJS) </li>
<li>Block Style Editor for Details </li>
<li>Layout Typography Control </li>
<li>Shortcode Generator</li>
<li>PHP Snippet Generator</li>
<li>Hover Animation</li>
<li>Grid View</li>
<li>Carousel View</li>
<li>Card Layout</li>
<li>Horizontal Card Layout</li>
<li>Overlay Card Layout</li>
<li>Modal / Popup Details Style</li>
<li>Layout Design Copy/Paste [PRO]</li>
<li>Flex View [PRO]</li>
<li>Marquee View [PRO]</li>
<li>Table View [PRO]</li>
<li>Circle Mask Layout [PRO]</li>
<li>Fancy Card Layout [PRO]</li>
<li>Glass Layout [PRO]</li>
<li>Capsule Card Layout [PRO]</li>
<li>Drawer Details Style [PRO]</li>
</ul>
More features Coming Soon! 😎
🌟 Live Builder with Preview Support: Say goodbye to guesswork! The Live Preview Builder lets you design and customize your product profiles in real-time. As you adjust views, layouts, colors, typography, and styles, you will see the changes instantly on a split-screen interface. No more refreshing or switching between tabs, and every tweak is visible immediately. This feature is powered by dynamic AJAX rendering, ensuring smooth performance even for large products. Whether you are a beginner or a pro, the Live Preview Builder makes creating stunning product profiles fast, intuitive, and stress-free.
💻 Admin SPA Interface (Built with ReactJS): Experience the power of a modern web application with the Single-Page Application (SPA) Admin Interface, built using ReactJS. This sleek, fast, and responsive interface eliminates page reloads, allowing you to navigate through product, layouts, and settings seamlessly. Features like auto-save drafts, version history, and real-time collaboration make productwork effortless. The SPA architecture reduces server load and ensures a lag-free experience, even for large products. It is designed for simplicity, so you can focus on creating wonderful product showcases without any technical hassle.
📥📤 Layout Design Copy/Paste [PRO]: Save time and maintain consistency with the Layout Design Copy/Paste feature. This powerful tool allows you to copy the design and style of one layout and paste it onto another with just one click. Whether you’re creating multiple product groups or updating existing ones, this feature eliminates the need to recreate designs from scratch. It’s perfect for busy website owners who want to streamline their workflow while ensuring a cohesive look across all product profiles.
🔤 Layout Typography Control: Typography matters, and with Layout Typography Control, you have complete command over it. Customize every element in your product profiles, including names, descriptions, designations, and detailed information. Choose from a wide range of stylish fonts like Dancing Script, Pacifico, Shadows Into Light, Great Vibes, Satisfy, Caveat, Courgette, Kaushan Script, and more to create a unique and professional look. Whether you’re aiming for a sleek, modern design or a classic, elegant style, this feature lets you fine-tune typography to perfection. Adjust the font for each field individually, ensuring every detail aligns with your brand’s identity. The real-time preview ensures you see every change instantly, making it easy to create visually cohesive and engaging product showcases. With Layout Typography Control, your product profiles will not only look stunning but also reflect your brand’s personality and professionalism.
🌀 Hover Animation: Add a touch of interactivity with Hover Animation. Choose from a variety of effects like 3D float, tilt, blur, slide top, or many more to make your product profiles more engaging. These animations are triggered when users hover over product cards, adding a dynamic and modern feel to your showcase. With customizable settings, you can create animations that align with your brand’s personality and style.
📋 ShortCode Generator: Embedding your product showcase has never been easier! The ready-made ShortCode Generator automatically creates shortcodes for each product group, ensuring seamless integration into your website. Whenever you update your product profiles, the shortcodes are automatically refreshed, so you never have to manually replace them. Simply copy and paste the shortcode into any post, page, or widget, and your product will appear instantly. This feature is perfect for beginners and pros alike, offering a quick, hassle-free way to display your product without any coding knowledge. It’s the ultimate tool for saving time and maintaining consistency across your site.
🔧 PHP Snippet Generator: For advanced users, the ready-made PHP Snippet Generator takes customization to the next level. This feature automatically generates PHP snippets that allow you to pull product data directly into your theme templates. Create conditional displays based on user roles, combine multiple layouts on a single page, or dynamically showcase product based on specific criteria. The snippets are automatically updated whenever you make changes, ensuring your product profiles stay current without manual intervention. This feature provides unparalleled flexibility, making it the perfect tool for developers who want to create highly tailored and dynamic product showcases.
<h3>👉 All View Style 👈</h3>
📊 Grid View: The Grid View offers a clean, organized way to display your product. Choose between dynamic and fixed layouts, and customize the number of columns for different screen sizes. Add animations like fade-ins or bounces to make your grid more engaging. Infinite scroll support ensures smooth loading for large products, while hover effects and customizable spacing let you create a polished, professional look.
🎠 Carousel View: Showcase your products in an interactive Carousel View. Set autoplay options, pause-on-hover, and transition effects like slide, fade, or cube rotations. Display 1-6 slides at a time, with optional captions below or overlay text on images for a magazine-style look. This feature is perfect for creating dynamic, eye-catching product profiles that captivate your audience.
🔄 Flex View [PRO]: The Flex View offers unparalleled flexibility in displaying your product. Expanded layout uses CSS Flexbox to create dynamic, responsive product profiles that adapt seamlessly to any screen size. Customize the alignment, spacing, and order of product to create unique and visually appealing showcases. Whether you’re highlighting key product or creating a balanced grid, the Flex View gives you complete control over your product’s presentation.
🎬 Marquee View [PRO]: Add a touch of dynamism with the Marquee View. This layout features a scrolling marquee that showcases your product in a continuous loop. Customize the scroll speed, direction, and pause-on-hover effects to create an eye-catching display. Perfect for highlighting key product or creating a sense of motion on your website, the Marquee View is ideal for creative agencies and modern businesses.
📑 Table View [PRO]: Organize your products in a structured and professional format with the Table View. This layout is perfect for displaying detailed information like names, roles, and contact details in a clean, tabular format. Customize column widths, row heights, and hover effects to create a polished and functional product showcase. It’s ideal for corporate websites and organizations that need to present large products in an easy-to-read format.

Product Showcase For WooCommerce

The Super Flexible, Elegant, and Highly Customizable Product Showcase Plugin for WordPress 🚀

Custom Layouts – Post + Product grids made easy vs Product Showcase For WooCommerce