Flexible, free-form, and creative layouts for WooCommerce products
Mosaic Product Layouts
for Elementor
Bring editorial‑style product grids, asymmetric compositions, and high‑impact merchandising to your WooCommerce store — directly inside Elementor.
Mosaic Product Layouts for Elementor is a dedicated widget collection that gives designers and store owners precise visual control without leaving the Elementor interface.
What is Mosaic Product Layouts for Elementor
Mosaic Product Layouts for Elementor is a WooCommerce design plugin for Elementor that helps you build custom product showcases, category grids, and single product sections without relying on rigid default layouts. It is designed for store owners, freelancers, agencies, and WooCommerce developers who want more visual control over product presentation, responsive behavior, and layout composition inside Elementor.
This Elementor WooCommerce add-on includes three dedicated widgets for Products Layout, Categories Layout, and Single Product Layout. Each widget is built to help you create modern eCommerce sections with draggable grid-based composition, responsive editing for desktop, tablet, and mobile, and flexible control over which product elements appear and where they are placed.
The underlying flexible product grids break out of “classic” uniform rows and columns that helps you create asymmetric arrangements, hero‑driven collections, and curated sets that feel more like an editorial spread than a standard shop archive.
For Elementor users, this means you can build more immersive category pages, landing pages, and lookbooks — all while keeping your usual design workflow.
Features
The Mosaic Product Layouts for Elementor and the WordPress block version of Mosaic Product Layouts share the same functionalities:
Grid based free layout creation.
Mosaic Product Layouts blocks main feature is a system for reposition, resize, adding or removing items (products, categories) free, within a layout container:
Starter layouts and styles
Predefined starter layout and styles offer a good foundation to build your own layouts and styles. This will make your layout creation and styling easier as it will provide you with a great starting point:
Save custom layouts and styles
Product styles, layout, and settings can be saved for reuse. They can be applied in the same block type, in different places – posts, pages, templates. Watch the video:
Main Features
- WooCommerce products layout widget for custom product grid and product listing sections
- WooCommerce categories layout widget for product category grid designs and collection overviews
- WooCommerce single product layout widget for custom featured product sections inside Elementor pages
- Responsive grid layout editing for desktop, tablet, and mobile breakpoints
- Drag-and-drop item positioning with resizable layout elements in the Elementor editor
- Custom element visibility and ordering controls for product content blocks
- Style presets for fast design setup and consistent store presentation
- Saved setups to store, reload, and reuse complete widget configurations
- WooCommerce Store API integration for modern product and category data loading
- AJAX add to cart support for smoother shopping interactions
- Built-in pagination support for product listing layouts
- Image focal point controls for precise visual composition
- Product selection controls for curated single product sections
- Editor-friendly live preview workflow for faster page building
Included Elementor Widgets
Products Layout
Create advanced WooCommerce product grids in Elementor with custom item placement, product element ordering, pagination, add to cart buttons, sale badges, ratings, and responsive layout adjustments. This widget is suitable for shop sections, homepage product blocks, promotional product collections, featured product areas, and custom catalog layouts.
Categories Layout
Build visually rich WooCommerce category grids with category images, category titles, and flexible grid arrangements. This widget is useful for store landing pages, category navigation sections, seasonal collection blocks, and ecommerce homepages that need stronger merchandising structure.
Single Product Layout
Design custom single product showcases in Elementor using a selected WooCommerce product. Arrange elements such as product image, title, price, excerpt, rating, sale badge, add to cart button, categories, and brands in a flexible grid layout that fits landing pages, sales pages, featured product sections, and promotional campaigns.
Why This Plugin Stands Out
Many WooCommerce Elementor plugins offer basic product widgets with limited design freedom. Mosaic Product Layouts for Elementor focuses on layout control. Instead of forcing you into a fixed card design, it gives you a more modular system for arranging product content blocks and adjusting each widget for different breakpoints. This makes it a strong choice for custom ecommerce design, boutique storefronts, fashion stores, product launch pages, furniture shops, electronics stores, and any WooCommerce site that needs more than a standard product grid.
The plugin also helps speed up design workflow with reusable saved setups and ready-to-apply style presets. That means you can create a polished WooCommerce layout once, then reuse that visual system across multiple sections or client projects with less repetitive setup work.
Ideal For
- WooCommerce stores built with Elementor
- Custom ecommerce homepage design
- Product showcase landing pages
- Category grid sections and collection pages
- Featured product sections with custom layouts
- Agencies building branded online stores for clients
- Designers who want more control over WooCommerce product presentation
Compatibility
Mosaic Product Layouts for Elementor is built for WordPress, Elementor, and WooCommerce. It is suitable for store owners and developers who want to create more engaging, conversion-focused product displays while staying inside a familiar Elementor workflow.
Mosaic for Elementor vs. Mosaic for the block editor
If you already use the Mosaic Product Layouts plugin in the block editor, the Elementor edition will feel immediately familiar — but tuned for a different workflow.
- Elementor‑native controls instead of block inspector panels: adjust layout directly in the canvas.
- Works inside Elementor templates for product archives, landing pages, and popups.
- Can run alongside the existing block‑based plugin on the same site without conflict.
- Shared visual language for Mosaic layouts across both editors.
Use the block editor plugin for content‑driven pages, and the Elementor plugin where you design with sections, columns, and global templates.
Small prices, huge value
Easily create beautiful and responsive product layout with Mosaic Product Layouts. Elevate your WooCommerce products and start making bank.
€19.99
per year
Single site
Having just one WooCommerce site, not so many products, and would like your products to stand out?
✓
1 website
✓
1 year support
✓
Updates for 1 year
✓
Feature requests
€49.99
per year
5 sites
Great for freelancers or creatives who are building WooCommerce websites. Nice price per site …
✓
5 websites
✓
1 year priority support
✓
Updates for 1 year
✓
Feature requests
€79.99
per year
100 sites
Wait, what ?! 100 sites? … Yeah. For agencies who are building a lot of WooCommerce websites. Really nice price per site …!
✓
100 websites
✓
Priority premium support
✓
Updates for 1 year
✓
Priority feature requests
Use cases for Mosaic Product Layouts for Elementor
A few examples of how Mosaic Product Layouts for Elementor can be used on real‑world stores.
Fashion & apparel lookbooks
Build seasonal lookbooks with large hero images, supporting products, and editorial copy in a single Mosaic grid.
Tech accessories & bundles
Highlight flagship products with oversized tiles and surround them with related cables, cases, and add‑ons.
Home decor collections
Arrange furniture, textiles, and accessories into room scenes that feel curated instead of catalog‑like.
Campaign & launch pages
Pair a launch hero with featured bundles, limited‑time offers, and cross‑sells in one coordinated Mosaic section.
Agency & client templates
Package reusable Mosaic sections into Elementor templates and kits for faster client delivery.
Get notified.
I’d love to talk to you more about the Mosaic Product Layouts for Elementor. Join the list to receive update details and implementation guides.
Frequently asked questions
When will Mosaic Product Layouts for Elementor be available?
We are currently validating the feature set with early adopters. If you join the waitlist, you will be the first to know when a public beta is ready.
How will pricing work?
Pricing has not been finalized yet. Our goal is to keep it aligned with the existing Mosaic Product Layouts plugin, with options for single‑site and multi‑site licenses.
Which versions of Elementor and WooCommerce will be supported?
The plugin is being built for recent versions of Elementor and WooCommerce. Exact minimum versions will be published before release, but the target is to support current major releases and typical LTS stacks.
Will it work with Elementor Pro theme builder?
Yes. The Mosaic widgets are intended to work inside Elementor Pro templates, including product archives, singles, and custom landing pages.
Can I use it alongside the existing Mosaic Product Layouts plugin?
Yes. The Elementor edition is a separate plugin. You can keep using the block editor version for Gutenberg‑based pages while adding Mosaic sections in Elementor where needed.
Is there a migration path from block layouts to Elementor?
Because Elementor and the block editor store layouts differently, there is no one‑click migration. However, we plan to ship starter templates that mirror popular Mosaic configurations so you can rebuild key pages quickly.