Design Product Pages That Convert — Without Code
Mosaic Product Layouts makes it easy to create custom WooCommerce layouts that look and feel like your brand. Skip the standard grid and unlock creative freedom with flexible, drag-and-drop layouts built right into the WordPress block editor.
Whether showcasing featured products, product categories, or a single item, Mosaic Product Layouts helps bring unique product stories to life—no templates or coding required.
<h3 data-start="728" data-end="766">Why Choose Mosaic Product Layouts?</h3>
<ul data-start="768" data-end="1484">
<li data-start="768" data-end="920">
Build Visually, Not Just Functionally Design product grids and showcases with full control over layout and style—directly in the block editor.
</li>
<li data-start="922" data-end="1050">
Get Started Fast Use starter layouts and style presets as a foundation, then customize to match any brand or campaign.
</li>
<li data-start="1052" data-end="1187">
Customize Everything Adjust layout and style per product or category block, or reuse saved styles across pages and templates.
</li>
<li data-start="1189" data-end="1344">
Flexible Product Selection Display bestsellers, recent items, or handpicked products—individually or by category—with advanced filtering options.
</li>
<li data-start="1346" data-end="1484">
Boost Engagement Turn static listings into visually rich shopping experiences that encourage more clicks and higher conversions.
</li>
</ul>

<h3 data-start="1486" data-end="1505">What’s Included</h3>
Mosaic Product Layouts comes with four blocks built for creative flexibility:
<ul data-start="1586" data-end="1949">
<li data-start="1586" data-end="1668">
Products Layout – Build custom product grids with flexible item placement.
</li>
<li data-start="1669" data-end="1754">
Categories Layout – Showcase selected product categories with unique layouts.
</li>
<li data-start="1755" data-end="1844">
Single Product Layout – Highlight individual products with full creative control.
</li>
<li data-start="1845" data-end="1949">
WC Carousel – Nest products or categories in a swipeable carousel for mobile-friendly experiences.
</li>
</ul>
Lightweight, responsive, and built for modern WordPress standards, Mosaic Product Layouts works seamlessly with your favorite themes and plugins.
How to create a beautiful, catalog print-like layout for webpage with Mosaic Product Layouts

Mosaic Product Layouts

Create flexible, free-form, and creative layouts for WooCommerce products, product categories and single products.

<ul class="wccom-tick-list-primary">
<li>Upload Files Easily – Add PDFs, images, documents, and more as product attachments.</li>
<li>Per-Product & Category Files – Assign unique files to specific products or categories.</li>
<li>View in Tabs – Open supported files directly in an existing or new browser tab.</li>
<li>Wide Format Support – Works with 21+ different file types.</li>
<li>Attach URLs – Link external resources or guides directly to products.</li>
<li>Flexible Display – Show attachments in a new tab, existing tab, or on the product page.</li>
<li>Email Attachments – Send files in customer order emails based on order status.</li>
<li>Display Files in My Account Section – Display attachments in the customer’s account by order status.</li>
<li>Order Confirmation Files – Automatically include attachments in order confirmation emails.</li>
<li>Order Status Control – Restrict file access by status (completed, failed, canceled, etc.).</li>
<li>Role-Based Access – Limit file viewing or downloads to specific user roles.</li>
<li>File Expiry Dates – Set expiry dates for each downloadable file.</li>
<li>Customizable Buttons – Personalize download and view button text, color, and style.</li>
<li>File Size Display – Show file sizes next to download buttons.</li>
<li>Centralized Dashboard – Manage all attachments from one admin panel.</li>
<li>Bulk Import (New) – Quickly attach files to products using a CSV import.</li>
</ul>
<hr />
Product Attachments for WooCommerce allows you to easily upload and manage downloadable and viewable files such as PDFs, images, and videos. With customizable display options, you can choose where and how these attachments appear on product pages.
Product Attachments Pro offers bulk upload capabilities, file expiry management, and role-based access control. It also integrates with order confirmation emails, improving the overall customer experience and store efficiency.
<img class="alignnone size-full wp-image-18734005354262" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-31-1.png" alt="Product Attachments for WooCommerce" width="980" height="656" />
 
<h3>File Attachments in My Account Section</h3>
Allow customers to access attached files from their My Account section based on the order’s current status. Control file visibility for statuses like Completed, Processing, or On Hold to ensure timely access to relevant documents using Product Attachments for WooCommerce
<img class="alignnone size-full wp-image-18734005132427" src="https://woocommerce.com/wp-content/uploads/2025/04/Attachments-in-Dashboard.png" alt="WooCommerce File Attachments in Dashboard" width="980" height="515" />
<h3>Attach Files to Customer Order Email</h3>
Automatically send attachment files to customer order emails based on specific order statuses such as Complete, Processing, Cancelled, On Hold, Pending Payment, Refunded, Failed, or Draft. Product Attachments for WooCommerce allows you to customize which documents are sent at each stage to ensure customers receive the right information at the right time.
<img class="alignnone size-full wp-image-18734005132430" src="https://woocommerce.com/wp-content/uploads/2025/04/Email-Attachment.png" alt="Email Attachment WooCommerce" width="557" height="688" />
<h3>Customizable Attachment Display and Email Integration</h3>
Customizable Placement: Choose where the attachments appear on the product page. 
File Size Visibility: Display file sizes to help customers make informed decisions. 
Email Integration: Automatically include attachments in order confirmation emails for easy access after purchase.
<img class="alignnone size-full wp-image-18734005354295" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-43.png" alt="Product Attachments Settings for WooCommerce" width="980" height="517" />
<h3>Supported File Attachments Formats</h3>
Product Attachments for WooCommerce supports a wide range of file formats, you can attach 21 different types of file formats including documents (PDF, DOCX, CSV), images (JPG, PNG, GIF), media files (MP4, MP3), and compressed files (ZIP, RAR). This allows you to easily upload and manage a variety of file types for your products, offering great flexibility for your store.
<h3>Bulk File Attachments & Access Control</h3>
Multiple Upload Options: Upload multiple files at once or add external URLs. 
Product & Category Assignment: Attach files to specific products or entire categories. 
Expiry Settings: Set expiration dates to control file availability. 
Order Status Restrictions: Limit access based on order status (processing, completed, etc.). 
Role-Based Access: Restrict file access to specific user roles for better control.<img class="alignnone size-full wp-image-18734005354300" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-12-1.png" alt="Bulk File Attachments WooCommerce" width="980" height="842" data-wp-editing="1" />
<h3>Custom File Type Icons</h3>
Upload custom icons for different file types to improve visual identification and enhance user experience. Tailor the icons to match your store’s branding, making it easier for customers to recognize and interact with files.
<img class="alignnone size-full wp-image-18734005354310" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-44.png" alt="Upload Custom Icons" width="980" height="487" />
<h3>Buttons Customization</h3>
Personalize the text for Download and View buttons and modify their colors to align with your store’s branding.
<img class="alignnone size-full wp-image-18734005354313" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-34-1.png" alt="Button Customization for File Attachments WooCommerce" width="980" height="507" />
<h3>Comprehensive Dashboard</h3>
Easily manage all attachments from a user-friendly admin panel, organizing files efficiently to improve store management and customer experience. In this dedicated dashboard, you can
<ul>
<li>Edit settings instantly via a popup without leaving the page</li>
<li>Remove attachments in just a click for better control.</li>
<li>Instantly view assigned attachments for each product.</li>
<li>Monitor file expiration dates with ease.</li>
<li>Track individual file downloads to measure engagement.</li>
<li>Search & filter attachments for specific products.</li>
</ul>
<img class="alignnone size-full wp-image-18734005354320" src="https://woocommerce.com/wp-content/uploads/2025/04/Frame-13-1.png" alt="Comprehensive Dashboard for File Attachments WooCommerce" width="980" height="430" />
<h3>Bulk Assign Files using CSV</h3>
Option to import and assign multiple product attachments using a CSV file, streamlining the process of linking external files to your WooCommerce products in bulk. Simply map columns for attachment name, product SKU, and the file’s URL for efficient management.

Product Attachments Pro

Product Attachments for WooCommerce lets you attach/upload any type of files to customer orders directly on product pages, order emails, or customer account sections.

Mosaic Product Layouts vs Product Attachments Pro