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.

<h2>Easily add captions to single-product photo galleries</h2>
When present, image captions are read <a href="https://neilpatel.com/blog/shocking-truth-about-graphics/">up to 300% more</a> than a page’s main text. They are an opportunity to educate potential customers in bite-sized chunks, to tell as well as show why your product will solve a customer’s problem, and may be the only text on the page that gets read after the title.
Gallery Captions for WooCommerce adds captions to the photo gallery on WooCommerce single-product pages to help you show the best features if your products. The image’s title and caption are displayed below the image, both on the page and in the expanded lightbox view.
<figure id="attachment_5444360" aria-describedby="caption-attachment-5444360" style="width: 650px" class="wp-caption alignnone"><img class="wp-image-5444360 size-large" src="https://woocommerce.com/wp-content/uploads/2020/02/wgc-screenshot-1.png?w=650" alt="A screenshot showing a product gallery with captions." width="650" height="371" /><figcaption id="caption-attachment-5444360" class="wp-caption-text">Captions can have either a title, text, or both. The title and text are displayed below the large image on single-product pages.</figcaption></figure>
<h3>Simple to use</h3>
No configuration is required. If Gallery Captions for WooCommerce is active  and an image has a title or caption set, they’ll appear in the gallery.
<figure id="attachment_5444408" aria-describedby="caption-attachment-5444408" style="width: 650px" class="wp-caption alignnone"><img class="wp-image-5444408 size-large" src="https://woocommerce.com/wp-content/uploads/2020/02/title-and-caption.png?w=650" alt="Screenshot showing how to set gallery captions" width="650" height="488" /><figcaption id="caption-attachment-5444408" class="wp-caption-text">Set the Title and/or Caption fields when adding images to a product’s gallery and they will appear below the image. The arrows show which piece of text is controlled by each form field in the media editor.</figcaption></figure>
<h3>Captions Help Sell More</h3>
Because <a href="https://apps.prsa.org/Intelligence/Tactics/Articles/view/11649/1132/Get_the_Picture_Communicate_With_Captions#.XnOpuzdKhTb">captions may be the most-read text on a page</a>, and most people <a href="https://www.nngroup.com/articles/how-little-do-users-read/">only have time to read 28% of all the text</a> on a page, captions are a golden opportunity to communicate with your customers. Captions help customers understand your product better than an image alone; for example drawing attention to specialized features or reinforcing the quality of materials. They give you a chance to explain things that are difficult to communicate in an image like size, weight, or feel, in a place that’s highly likely to be read.
Using captions with your images helps customers be better-informed about their purchases so they can be confident that they are buying what they think they are buying.
<h3>Technical Details</h3>
<ul class="wccom-tick-list-primary">
<li>Turn captions on or off by activating or deactivating the extension in WordPress Admin > Plugins.</li>
<li>Caption title and text is pulled from each image’s “Title” and “Caption” fields.</li>
<li>Gallery Captions for WooCommerce doesn’t change your data — it’s completely non-destructive.</li>
</ul>

Gallery Captions

Increase conversions with captions in product page photo galleries and lightboxes.

Mosaic Product Layouts vs Gallery Captions