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

pickelements

<p><a href="https://pickelements.com/smartproductshowcase/" rel="nofollow ugc">Live Preview</a> | <a href="https://pickelements.com/smartproductshowcase/" rel="nofollow ugc">Upgrade to PRO</a> | <a href="https://pickelements.com" rel="nofollow ugc">Contact Us</a></p>
<p>Smart Product Showcase for WooCommerce is a versatile WordPress plugin that lets you display WooCommerce products in modern grids, sliders, and filterable layouts. With customizable design options, it’s perfect for creating responsive and engaging product showcases without any coding.</p>
<p><strong>Plugin Features </strong></p>
<ul>
<li>Modern & Creative Design.</li>
<li>Clean Code.</li>
<li>Seo Friendly.</li>
<li>Responsive Layouts.</li>
<li>9 Different Styles.</li>
<li>Slider, Grid & Filter Style.</li>
<li>Unlimited Shortcode Support.</li>
<li>Display Product by Specific Categories.</li>
<li>Display Number of Products Items.</li>
<li>Easy Shortcode.</li>
<li>Easy Options Page.</li>
<li>No Coding Required.</li>
<li>Easy Documentation.</li>
<li>24/7 dedicated support.</li>
<li>And much more!</li>
</ul>
<p><strong> General Options </strong></p>
<ul>
<li>Title Enable/Disable Option.</li>
<li>Title Font Size Option.</li>
<li>Title Font Color Option.</li>
<li>Title Font Hover Color.</li>
<li>Title Font line height Option.</li>
<li>Title Font Weight Option.</li>
<li>Title Font Style Option.</li>
<li>Price Font Size Option.</li>
<li>Price Font Color Option.</li>
<li>Price Font Style Option.</li>
<li>Cart Button Enable/Disable Option.</li>
<li>Cart Button Style Option.</li>
<li>Cart Butotn Font Size Option.</li>
<li>Cart Butotn Font Color Option.</li>
<li>Cart Butotn Font Style Option.</li>
<li>Cart Butotn Background Color Option.</li>
<li>Cart Butotn Border Color Option.</li>
<li>Cart Butotn Hover Bg Color Option.</li>
<li>Cart Butotn Hover Border Color Option.</li>
<li>Quick View Enable/Disable Option.</li>
<li>Quick View Icon Color Option.</li>
<li>Quick View Hover Icon Color Option.</li>
<li>Quick View Background Color Option.</li>
<li>Quick View Hover Background Color Option.</li>
<li>Wishlist Button Enable/Disable Option.</li>
<li>Wishlist Button Icon Color Option.</li>
<li>Wishlist Button Hover Icon Color Option.</li>
<li>Wishlist Button Background Color Option.</li>
<li>Wishlist Button Hover Background Color Option.</li>
<li>Wishlist Icon Active Color Option.</li>
<li>Sale! Ribbon Enable/Disable Option.</li>
<li>Sale! Ribbon Style Option.</li>
<li>Sale! Ribbon Text Option.</li>
<li>Sale! Ribbon Text Color Option.</li>
<li>Sale! Ribbon Background Color Option.</li>
<li>Stock Out Ribbon Enable/Disable Option.</li>
<li>Stock Out Ribbon Text Color Option.</li>
<li>Stock Out Ribbon Text Option.</li>
<li>Stock Out Ribbon Background Color Option.</li>
<li>Rating Icons Enable/Disable Option.</li>
<li>2 Different Rating Display Option.</li>
<li>Rating Icon Color Option.</li>
<li>Rating Icon Size Option.</li>
<li>Categories Display Enable/Disable Option.</li>
<li>Categories Text Color Option.</li>
<li>Categories Text Hover Color Option.</li>
<li>Categories Font Size Option.</li>
<li>Set number of column(s) for different devices for responsive view.</li>
<li>Filter Menu Style: default, Round.</li>
<li>Filter Menu Align: Left, Center, Right.</li>
<li>Filter Menu Background Color.</li>
<li>Filter Menu Font Color.</li>
<li>Filter Menu Hover Background Color.</li>
<li>Filter Menu Hover Font Color.</li>
<li>Filter Menu Active Background Color.</li>
<li>Filter Menu Active Font Color.</li>
<li>Items Background Color Option.</li>
<li>Items Border Style Option.</li>
<li>Items Border Size Option.</li>
<li>Items Border Color Option.</li>
<li>Items Border Hover Color Option.</li>
</ul>
<p><strong> Slider Options </strong></p>
<ul>
<li>Slider Autoplay Option.</li>
<li>Slider Auto Height Mode Option.</li>
<li>Slider Slide Delay Option.</li>
<li>Slider Stop Mouse Hover Option.</li>
<li>Slider Autoplay Time Out (Sec) Option.</li>
<li>Slider Total Items No Option.</li>
<li>Slider Items Desktop Option.</li>
<li>Slider Items Desktop Small Option.</li>
<li>Slider Items Mobile Option.</li>
<li>Slider Items Loop Option.</li>
<li>Slider Items Margin Option.</li>
<li>Slider Navigation (Show/Hide Option.</li>
<li>Slider Navigation Position Option.</li>
<li>Slider Navigation Background Option.</li>
<li>Slider Navigation Text Color Option.</li>
<li>Slider Navigation Hover Background Option.</li>
<li>Slider Navigation Hover Text Color Option.</li>
<li>Slider Pagination (Show/Hide) Option.</li>
<li>Slider Pagination Active Color Option.</li>
<li>Slider Pagination Background Color Option.</li>
<li>Slider Pagination Style Option.</li>
<li>Slider Pagination Position Option.</li>
</ul>


Smart Product Showcase for WooCommerce

Smart Product Showcase for WooCommerce is a fully responsive WordPress plugin designed to showcase WooCommerce products in various creative styles, in …

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