Create impressive, lightweight, responsive WooCommerce product layouts. Compatible with popular themes & page builders.

WPKIN

Richard

WPToffee

Use Product Layouts for WooCommerce to display your products with stunning styles and layouts — no coding required. 
Perfect for showcasing your store items beautifully and increasing sales.
Key Features:
<ul>
<li>Create product grids, tables, sliders, and galleries easily.</li>
<li>Fully responsive and works with all major themes and page builders.</li>
<li>Use simple shortcodes anywhere — pages, posts, or widgets.</li>
<li>Import demo layouts or create your own with live preview.</li>
</ul>

👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>
<h3>Free Version</h3>
👉 General Layouts (3) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Call to Action Layouts (2) <a href="https://product-layouts.com/demo/call-to-action/" rel="nofollow ugc">View Demo</a> 
👉 Product Table Layouts (1) <a href="https://product-layouts.com/demo/product-table/" rel="nofollow ugc">View Demo</a> 
👉 Product List Layouts (1) <a href="https://product-layouts.com/demo/product-list/" rel="nofollow ugc">View Demo</a> 
👉 Caption Layouts (2) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a> 
👉 FlipBox Layouts (1) <a href="https://product-layouts.com/demo/flipbox-layouts/" rel="nofollow ugc">View Demo</a>
<h3>💰 Pro Version</h3>
👉 All Free Features 
👉 General Layouts (4) <a href="https://product-layouts.com/demo/general-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Caption Layouts (6) <a href="https://product-layouts.com/demo/caption-layouts/" rel="nofollow ugc">View Demo</a> 
👉 Product Tabs <a href="https://product-layouts.com/demo/category-tabs/" rel="nofollow ugc">View Demo</a> 
👉 Product Carousel Slider <a href="https://product-layouts.com/demo/product-carousel/" rel="nofollow ugc">View Demo</a> 
👉 Product Filter (Sort by, Show per page, Category, Price Range, Rating). <a href="https://product-layouts.com/demo/filter-sorting/" rel="nofollow ugc">View Demo</a> 
👉 Accordion (Upcoming) 
👉 Product Pagination (with preset) 
👉 Load More Button 
👉 Category Page Design
<h3>Features</h3>
<ol>
<li>Custom Settings – You can change layout style (Product Filter, Color, Background Color, Border, Box shadow, etc.) using custom settings.</li>
<li>Font Settings – You can set font typography (Font, Font-size, Font-shadow, Line-height, letter spacing, etc.) as your own choice.</li>
<li>Style Settings – You can style layout (Color, Background Color, Border, Box shadow, etc.) using style settings.</li>
<li>Live Preview – Our plugin includes a Live Preview interface so users can see changes instantly. Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is designed for real-time editing convenience.</li>
<li>Clone Layout – Use the Clone option to copy layout styles with one click.</li>
<li>Export and Import – Export JSON file from Shortcode list and import from Import page.</li>
<li>Shortcode – Display your product using shortcode.</li>
<li>Product Filter Settings – Easily filter products by Category, Type, Order By, etc.</li>
<li>Icon Settings – Use icons from Icon Library (Icon Picker) for Add to Cart, Wishlist, Quick View, Compare Table buttons.</li>
<li>Borders and Shadows – Apply border and box shadows everywhere.</li>
<li>Color Pickers – Choose colors using color picker (Color, Gradient, Linear Gradient).</li>
<li>Import Layouts from Demo – Export layouts from the demo and import directly into your plugin.</li>
<li>Multi Language Supported – Translate easily with Loco Translate and reach a global audience.</li>
</ol>
👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>
<h3>Responsive & Beautiful</h3>
Product Layouts for WooCommerce (Product Gallery, Product Showcase, Layout Design, Product Slider, Product Grid, Product Table) is fully responsive and optimized for performance — an important factor for SEO and eCommerce success. 
It works smoothly across devices and displays your products beautifully with animations like sliding, fading, and folding. Customize typography, colors, alignment, and background to create professional product presentations.
👁️ <a href="https://product-layouts.com/demo/" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://product-layouts.com/pricing/" rel="nofollow ugc">Get the Premium Version</a> | 👩🏼‍💻 <a href="https://wordpress.org/support/plugin/product-layouts#new-post" rel="ugc">Get Support</a>

Product Layouts for WooCommerce

Thank you for quick support. This is a awesome plugin to create diffrent type of woocommerce product layouts.

Alternatives to Product Layouts for WooCommerce

Top alternatives