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

ShapedPlugin LLC

Rubel Miah

Shamim Mia

Md Khalil Uddin

<h3>Responsive Product Slider, Carousel & Product Grid Gallery</h3>
<p><strong>Product Slider for WooCommerce</strong> is a responsive and easy-to-use plugin that lets you display WooCommerce products in sliders, carousels, or grid galleries. You can place product sliders or grids anywhere on your site using a shortcode—inside pages, posts, custom templates, or widget areas.</p>
<p>The plugin includes a built-in Shortcode Generator with a user-friendly interface, so you can quickly create and customize product sliders without coding.</p>
<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/GAxIh2a22r8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLoUb-7uG-5jM6fpnrjHGUXkA9W6M2rzCG" 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://wooproductslider.io/lite-version-demo/" rel="nofollow ugc"><strong>Live Demo</strong></a> | <a href="https://docs.shapedplugin.com/docs/woocommerce-product-slider/overview/" rel="nofollow ugc"><strong>Documentation</strong></a> | <a href="https://shapedplugin.com/create-new-ticket" rel="nofollow ugc"><strong>Support</strong></a> | <a href="https://wooproductslider.io/pricing/?ref=1" rel="nofollow ugc"><strong>Upgrade to Pro!</strong></a></p>
<h4>Why use Product Slider for WooCommerce?</h4>
<p>Product sliders help you present more products in less space while keeping your shop organized and visually appealing. They can highlight featured or new products in key areas of your site, improving navigation and user experience.</p>
<h3>MAIN FEATURES</h3>
<p><strong>Responsive and Mobile-Friendly:</strong> The Product Slider for WooCommerce plugin is fully responsive and works seamlessly on all devices and screen sizes.</p>
<p><strong>Beautiful Product Templates to Start:</strong> The plugin has 3 beautiful pre-designed product templates to set up product sliders and grids quickly. You can also create your own custom template.</p>
<p><strong>Create Unlimited Sliders or Grids:</strong> Add multiple product sliders or grids on the same page with unique settings. So, there is no limit on the number of product sliders or grids you can create.</p>
<p><strong>Display Newest & Featured Products:</strong> Highlight the latest or featured products in your shop to attract your prospective customers.</p>
<p><strong>Show Hidden Products:</strong> You can easily hide the hidden products from the settings. The plugin has an option to include hidden products in the slider or grid.</p>
<p><strong>Hide Out-of-Stock Products:</strong> Automatically exclude out-of-stock items from the display, as it’s really essential that there are no products in your stock.</p>
<p><strong>Hide On Sale and Free Products:</strong> Flexible controls to exclude sale or free products.</p>
<p><strong>Display Product Details:</strong> Show product title, price, rating, and other details.</p>
<p><strong>Customizable Add to Cart Button:</strong> Adjust the text and style of the Add to Cart button to fit your store design.</p>
<p><strong>Product Image Options:</strong> Select image sizes, borders, and other visual preferences.</p>
<p><strong>Powerful Slider Configurations:</strong> The plugin has options for autoplay, speed, pause on hover, slide to scroll, infinite loop, adaptive height,  direction, and more.</p>
<p><strong>Slider Navigation & Pagination:</strong> Multiple styles for arrows, dots, and pagination controls.</p>
<p><strong>Additional Slider Options:</strong> Enable tab navigation, keyboard navigation, touch swipe, mouse wheel, draggable mode, free mode, and more.</p>
<p><strong>Color and Styling Options:</strong> Customize columns, spacing, colors, and layouts to match your site design.</p>
<p><strong>Import and Export Sliders or Grids:</strong> Easily back up or transfer slider and grid settings.</p>
<h4>Support, Feature Requests, and Bug Reporting</h4>
<p>If you need help, have a feature suggestion, or want to report a bug, please reach out to our <a href="https://shapedplugin.com/create-new-ticket" rel="nofollow ugc">Support</a>. We’re happy to assist.</p>
<h4>Product Slider for WooCommerce – Pro</h4>
<blockquote>
<p><a href="https://wooproductslider.io/?ref=1" rel="nofollow ugc"><strong>Product Slider for WooCommerce – Pro</strong></a> is the premium version of the Product Slider for WooCommerce plugin, adding additional features and functionality. It includes a product ticker carousel, multi-row carousel, product category live filter, product list, masonry, advanced product grid gallery with AJAX load more, product table, and more.</p>
<p>The plugin supports 15+ additional modern layouts, offers extended customization and styling options, and includes 30+ pre-designed product templates. Learn more about <a href="https://wooproductslider.io/#features" rel="nofollow ugc"><strong>Product Slider for WooCommerce Features</strong></a>.</p>
</blockquote>
<h4>Multilingual Ready</h4>
<ul>
<li><a href="https://wpml.org/" rel="nofollow ugc">WPML</a></li>
<li><a href="https://wordpress.org/plugins/polylang/" rel="ugc">Polylang</a></li>
<li><a href="https://wordpress.org/plugins/loco-translate/" rel="ugc">Loco Translate</a></li>
<li><a href="https://wordpress.org/plugins/qtranslate-x/" rel="ugc">qTranslate-x</a></li>
<li><a href="https://wordpress.org/plugins/gtranslate/" rel="ugc">GTranslate</a></li>
<li><a href="https://wordpress.org/plugins/google-language-translator/" rel="ugc">Google Language Translator</a></li>
<li><a href="https://wordpress.org/plugins/wpglobus/" rel="ugc">WPGlobus</a></li>
</ul>
<h4>Page Builders Ready</h4>
<ul>
<li>Gutenberg</li>
<li>Elementor</li>
<li>Divi Builder</li>
<li>WPBakery</li>
<li>BeaverBuilder</li>
<li>SiteOrgin</li>
<li>Fusion Builder</li>
<li>Genesis Framework</li>
</ul>
<h4>AUTHOR</h4>
<p>The <strong>Woo Product Slider</strong> plugin is developed and maintained by <a href="https://shapedplugin.com/" rel="nofollow ugc"><strong>ShapedPlugin LLC</strong></a></p>


Product Slider, Product Carousel and Product Grid Gallery for WooCommerce – WooProduct Slider


I've been trying a lot of plugins and this one is great! Much better thought out than the rest.


Very good plugin!

Display your WooCommerce products in a responsive Product Slider, Product Carousel, or Product Grid Gallery with easy customization.

Custom Layouts – Post + Product grids made easy vs Product Slider, Product Carousel and Product Grid Gallery for WooCommerce – WooProduct Slider