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

amitry

<p><strong><a href="https://slider.amitry.de/" rel="nofollow ugc">See the live demo →</a></strong> — see the product slider, category carousel and every premium design in Action</p>
<p>Amitry Product & Category Slider is a fast, responsive slider for WooCommerce that lets you showcase products or product categories in a clean, customizable carousel. Build a WooCommerce product slider or a category carousel in minutes with a Gutenberg block, an Elementor widget, or a simple shortcode, with no code required.</p>
<p>Whether you want to highlight featured products on your homepage, scroll through best sellers, or guide shoppers into product categories, this plugin gives you a lightweight, mobile-friendly slider that loads only where you use it.</p>
<h4>Why choose this WooCommerce slider</h4>
<ul>
<li><strong>No code needed</strong> – add a slider with a block, widget or shortcode</li>
<li><strong>Product slider and category slider</strong> in one plugin</li>
<li><strong>Fully responsive</strong> – separate settings for desktop, tablet and mobile</li>
<li><strong>Lightweight and fast</strong> – assets load only on pages with a slider</li>
<li><strong>SEO-friendly</strong> – server-side rendered HTML, content visible without JavaScript</li>
<li><strong>Works with any theme</strong> – block themes (FSE) and classic themes</li>
<li><strong>Translation-ready</strong> – ships with a .pot file</li>
</ul>
<h4>Three ways to add a slider</h4>
<ul>
<li><strong>Gutenberg block</strong> – drag the Amitry Slider block into any page or post with a live preview</li>
<li><strong>Elementor widget</strong> – a dedicated Amitry Slider widget appears in the Elementor editor</li>
<li><strong>Shortcode</strong> – drop <code>[amitry_slider]</code> into any content area</li>
</ul>
<h4>Popular use cases</h4>
<ul>
<li><strong>Homepage product slider</strong> – feature your best products front and center</li>
<li><strong>New arrivals carousel</strong> – show the newest products in your store automatically</li>
<li><strong>Best sellers slider</strong> – highlight your top selling WooCommerce products</li>
<li><strong>Sale and deals slider</strong> – display on-sale products, with an optional countdown timer in Pro</li>
<li><strong>Featured products showcase</strong> – present a hand-picked selection of products</li>
<li><strong>Product category carousel</strong> – help shoppers browse your store by category</li>
<li><strong>Related products slider</strong> – keep visitors shopping on single product pages</li>
<li><strong>Shop and landing page carousels</strong> – add a product carousel anywhere with the block, widget or shortcode</li>
</ul>
<h4>Product slider</h4>
<p>Pull products from any of these sources:</p>
<ul>
<li>Newest products</li>
<li>Best selling</li>
<li>On sale</li>
<li>Featured</li>
<li>Top rated</li>
<li>Manual selection</li>
<li>By category</li>
</ul>
<p>Show or hide each element: product image, title, price with sale strike-through, sale badge, rating stars, short description, stock status and an add-to-cart button.</p>
<h4>Category slider</h4>
<ul>
<li>Show all product categories with an optional exclude list</li>
<li>Sort by name, product count or menu order</li>
<li>Hide empty categories</li>
<li>Falls back to the first product image when a category has no thumbnail</li>
<li>Optional product count per category</li>
</ul>
<h4>Layout and design</h4>
<ul>
<li>Two card styles: Clean Card and Minimal</li>
<li>Rounded, square or circle image shapes</li>
<li>Adjustable columns per device, gap, card padding, radius and shadow</li>
<li>Hover effects: lift, zoom and shine</li>
<li>Full navigation set: arrows, dots, scrollbar, progress bar, slide counter and keyboard control</li>
<li>Autoplay with delay, loop and pause-on-hover</li>
</ul>
<h4>Block editor integration</h4>
<p>The Gutenberg block has a clean two-panel sidebar: a Settings panel for the data source, layout, behavior and navigation, and a Styles panel for card style, colors, shadows and hover effects. A live server-side preview shows exactly what visitors will see.</p>
<h4>Shortcode examples</h4>
<pre><code>[amitry_slider type="products" filter="newest" count="12"]
[amitry_slider type="products" filter="sale" slides_desktop="4"]
[amitry_slider type="categories" sort="count"]
</code></pre>
<p>All block options are available as shortcode attributes.</p>
<h4>Performance</h4>
<ul>
<li>CSS and JavaScript load only on pages where a slider is rendered</li>
<li>Optional query caching for product and category queries</li>
<li>Swiper is bundled locally – no external CDN requests</li>
</ul>
<h4>WooCommerce compatible</h4>
<ul>
<li>HPOS (High-Performance Order Storage) compatible</li>
<li>Cart and Checkout blocks compatible</li>
<li>Works with the latest WooCommerce and WordPress</li>
</ul>
<h4>Go further with Pro</h4>
<p>A separate Pro add-on extends the free plugin through documented hooks. Pro adds premium designs (Overlay, Circle, 3D Carousel, Masonry), hover image swap, automatic New and Bestseller badges, AJAX add to cart, a Quick View popup, a sale countdown timer, a wishlist with a dedicated page, a stock progress bar and a low-stock label. The free plugin works fully on its own; Pro requires it and hooks in through the public hook API.</p>
<p>See the live demo at (https://slider.amitry.de/) and get Pro at (https://amitry.de/amitry-product-category-slider/)</p>


Amitry Product & Category Slider for WooCommerce

Responsive WooCommerce product slider and category carousel. Gutenberg block, Elementor widget and shortcode. Fast, no-code, fully customizable.

Custom Layouts – Post + Product grids made easy vs Amitry Product & Category Slider for WooCommerce