<h3>Turn Your Product Grid Into a Pinterest-Style Showcase</h3>
<p>Standard WooCommerce product grids force all your products into identical boxes. Tall products get cropped. Wide products look cramped. Your carefully shot product photos lose their impact, and your store looks like every other online shop.</p>
<p><strong>Product Collection Masonry</strong> changes that.</p>
<h3>What You Get</h3>
<ul>
<li><strong>Pinterest-style layouts</strong> that let products flow naturally at their true proportions</li>
<li><strong>Complete mobile control</strong> with independent settings for 6 screen sizes</li>
<li><strong>Featured product highlighting</strong> by spanning items across multiple columns</li>
<li><strong>Intelligent targeting</strong> with “in a Row” (column-based) or “in this Grid” (traditional) modes</li>
<li><strong>Zero risk</strong> because disabling the plugin leaves your store working normally</li>
</ul>
<hr />
<h3>How It Works</h3>
<p>This plugin extends the WooCommerce Product Collection block you already use. There is nothing new to learn.</p>
<ol>
<li>Select your Product Collection block in the editor</li>
<li>Turn on masonry in the sidebar</li>
<li>Choose your columns and aspect ratios</li>
<li>Publish</li>
</ol>
<p>Your products now display in a flowing, magazine-style layout that keeps customers browsing longer.</p>
<hr />
<figure id="attachment_18734006164541" aria-describedby="caption-attachment-18734006164541" style="width: 3610px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2025/12/befaf1_cbaf9f.jpg"><img class="wp-image-18734006164541 size-full" src="https://woocommerce.com/wp-content/uploads/2025/12/befaf1_cbaf9f.jpg" alt="Same products. Same block. Better presentation." width="3610" height="1270" /></a><figcaption id="caption-attachment-18734006164541" class="wp-caption-text">Same products. Same block. Better presentation.</figcaption></figure>
<hr />
<h3>Works With What You Already Have</h3>
<p>Product Collection Masonry is not a replacement. It enhances the native WooCommerce Product Collection block through standard WordPress controls.</p>
<p><strong>This means:</strong></p>
<ul>
<li>Your existing product pages work immediately</li>
<li>All WooCommerce features remain intact (filters, sorting, pagination)</li>
<li>Your theme compatibility stays the same</li>
<li>No shortcodes or custom post types to manage</li>
</ul>
<hr />
<figure id="attachment_18734006164396" aria-describedby="caption-attachment-18734006164396" style="width: 980px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2025/12/blockeditor1.jpg"><img class="size-full wp-image-18734006164396" src="https://woocommerce.com/wp-content/uploads/2025/12/blockeditor1.jpg" alt="Configure everything from the familiar block editor sidebar." width="980" height="618" /></a><figcaption id="caption-attachment-18734006164396" class="wp-caption-text">Configure everything from the familiar block editor sidebar.</figcaption></figure>
<hr />
<h3>Control Every Screen Size</h3>
<p>Your customers shop on phones, tablets, and desktops. One layout does not fit all.</p>
<p>Set different column counts for each device:</p>
<table>
<thead>
<tr>
<th>Device</th>
<th>Example Setup</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mobile phones</td>
<td>2 columns for larger product images</td>
</tr>
<tr>
<td>Tablets</td>
<td>3 columns balanced for touch browsing</td>
</tr>
<tr>
<td>Laptops</td>
<td>4 columns for comfortable viewing</td>
</tr>
<tr>
<td>Large monitors</td>
<td>5-6 columns to display more inventory</td>
</tr>
</tbody>
</table>
<p>Each breakpoint is independent. What works on desktop stays on desktop. What works on mobile stays on mobile.</p>
<hr />
<h3>Highlight What Matters</h3>
<p>Make specific products stand out by spanning multiple columns or using different aspect ratios.</p>
<p><strong>Use this for:</strong></p>
<ul>
<li>New arrivals that deserve extra attention</li>
<li>Sale items you want customers to notice</li>
<li>Bestsellers that drive conversions</li>
<li>Seasonal products during promotions</li>
</ul>
<p>Create rules like “only the 1st in a Row spans 2 columns” or “every 2nd in a Row uses portrait format” for consistent column-based patterns. Or use “in this Grid” for traditional targeting across the entire product list.</p>
<hr />
<figure id="attachment_18734006164440" aria-describedby="caption-attachment-18734006164440" style="width: 980px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2025/12/blockeditor2.jpg"><img class="size-full wp-image-18734006164440" src="https://woocommerce.com/wp-content/uploads/2025/12/blockeditor2.jpg" alt="Draw attention to featured products with column spanning." width="980" height="618" /></a><figcaption id="caption-attachment-18734006164440" class="wp-caption-text">Draw attention to featured products with column spanning.</figcaption></figure>
<hr />
<h3>Mix Portrait and Landscape Freely</h3>
<p>Not all products photograph the same way.</p>
<p>Jewelry looks best in portrait. Furniture needs landscape shots. Accessories work as squares. Now you can display each product in its natural proportion without forced cropping.</p>
<p><strong>Available aspect ratios:</strong></p>
<ul>
<li>Square (1:1)</li>
<li>Portrait (3:4, 2:3)</li>
<li>Landscape (4:3, 3:2, 16:9)</li>
<li>Ultra wide (21:9)</li>
</ul>
<p>Apply ratios to specific positions or create repeating patterns across your entire catalog.</p>
<hr />
<h3>No Lock-In. Ever.</h3>
<p>This is important: <strong>if you deactivate this plugin, your store keeps working.</strong></p>
<p>Product Collection Masonry uses only standard WooCommerce blocks. There are no proprietary shortcodes, no custom databases, and no special markup that breaks when the plugin is removed.</p>
<p>Deactivate it, and your Product Collection blocks simply display as standard WooCommerce grids. All your products, categories, and page layouts remain intact.</p>
<p>You are not locked into anything.</p>
<hr />
<h3>Lightweight and Fast</h3>
<p>Your store speed matters for sales and search rankings.</p>
<p><strong>Frontend footprint:</strong></p>
<ul>
<li>JavaScript: 10 KB (gzipped)</li>
<li>CSS: Under 1 KB (gzipped)</li>
</ul>
<p>For comparison, that is smaller than most product thumbnail images.</p>
<p>The plugin also uses progressive enhancement. Products display immediately in a CSS grid and get enhanced to masonry layout on page load. No layout jumping. No blank screens.</p>
<hr />
<h3>Perfect For</h3>
<ul>
<li>Fashion and apparel stores</li>
<li>Jewelry and accessories</li>
<li>Home decor and furniture</li>
<li>Handmade and craft items</li>
<li>Art prints and photography</li>
<li>Any store that wants to stand out</li>
</ul>
<hr />
<h2>Demo</h2>
<p>See Product Collection Masonry in action on a live store:</p>
<p><strong><a href="https://wpqueryloopmasonry.com/woocommerce" target="_blank" rel="noopener">View Live Demo</a></strong></p>

Product Collection Masonry

<p>Transform your WooCommerce Product Collection blocks into stunning Pinterest-style masonry layouts. No coding required. Zero lock-in.</p>

<ul>
<li><span style="font-weight: 400">Control product visibility by user roles i.e., guest and registered users</span></li>
<li><span style="font-weight: 400">Show or hide products based on the user’s purchase history</span></li>
<li><span style="font-weight: 400">Merchants can show specific products to specific customers</span></li>
<li><span style="font-weight: 400">Merchants can show or hide specific products to customers based on their country</span></li>
<li><span style="font-weight: 400">Hide entire store products and show only chosen products </span></li>
<li><span style="font-weight: 400">Hide or show products based on users’ spending </span></li>
<li><span style="font-weight: 400">Product visibility by purchasing stock</span></li>
<li><span style="font-weight: 400">Helps store owners to enhance their wholesaler experience </span></li>
<li><span style="font-weight: 400">Display seasonal products for specific countries</span></li>
<li><span style="font-weight: 400">Show or hide the chosen products for selected countries </span></li>
<li><span style="font-weight: 400">Make products non-purchasable</span></li>
<li><span style="font-weight: 400">Show a message or redirect to a specific URL when the product is invisible</span></li>
<li><span style="font-weight: 400">Hide the previously purchased product for the registered user</span></li>
<li><span style="font-weight: 400">Hide products for logged-in or not logged-in users </span></li>
<li><span style="font-weight: 400">Product visibility conditions based on order amount </span></li>
<li><span style="font-weight: 400">Set to appear or hide products when a certain order amount is greater than a value</span></li>
<li><span style="font-weight: 400">Show or hide products when a specific order amount is less than a value</span></li>
<li><span style="font-weight: 400">Display or hide products when a certain order amount is equal to a value</span></li>
<li><span style="font-weight: 400">Apply product visibility conditions based on order quantity</span></li>
<li><span style="font-weight: 400">Set to appear or hide products when a certain order quantity is greater than a number</span></li>
<li><span style="font-weight: 400">Show or hide products when a specific order quantity is less than a number</span></li>
<li><span style="font-weight: 400">Display or hide products when a certain order quantity is equal to a number</span></li>
</ul>
<h3>Overview</h3>
<p><span style="font-weight: 400">The <strong>Product Visibility Manager for WooCommerce</strong> extension lets admins control the visibility of products and choose where to display them. Control product visibility based on user roles, purchase history, and geographic location—all in one place. Whether you’re offering exclusive products to specific customers, hiding items from first-time buyers, or restricting access by country, this extension gives you complete control over who sees what, when, and where—without the need for custom coding.</span></p>
<p><span style="font-weight: 400">Moreover, store owners can hide entire store products or show a specific number of products to specific customers. Therefore, merchants can enhance their wholesaler experience by displaying seasonal products for specific countries. Once the products are hidden for selected countries, they become non-purchasable. </span></p>
<p><span style="font-weight: 400">However, when the product is set to invisible, there are two options: either show a custom message or redirect to a specific URL. Display products or hide them when a certain order amount is greater than, equal to, or less than a value. Meanwhile, show products or hide them when a certain order quantity is greater than, equal to, or less than a value.</span></p>
<h3>Product Visibility Status</h3>
<p><span style="font-weight: 400">Admin can change the visibility status of any product based on the user roles: guest user or registered user. This allows you to offer exclusive products to logged-in customers or hide items from the general public.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656396" src="https://woocommerce.com/wp-content/uploads/2025/08/What-are-WooCommerce-product-visibility-options.png" alt="How to hide products by user role in WooCommerce" width="926" height="455" /></p>
<h3></h3>
<h3>Product Visibility Status For Guest Users</h3>
<p><span style="font-weight: 400">With this feature, you can selectively show or hide individual products depending on the role assigned to the user in your WooCommerce store. For example, a product can be visible to “Retail Customers” but hidden from “Wholesale Buyers,” or vice versa. This creates a more shopping experience and helps you control who gets access to specific items, ensuring the right users see the right products at the right time.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656567" src="https://woocommerce.com/wp-content/uploads/2025/08/Product-Visibility-New-Buyer_94eb09.png" alt="What’s the best way to limit product access by user type" width="889" height="516" /></p>
<h3></h3>
<h3>Purchase History</h3>
<p>When targeting registered users, you can make product visibility conditional on their purchase history.</p>
<p><strong>Add A New Buyer With No Purchase History: </strong><span style="font-weight: 400">This option lets you define visibility rules specifically for new customers who haven’t made a purchase yet.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656502" src="https://woocommerce.com/wp-content/uploads/2025/08/Product-Visibility-New-Buyer.png" alt="What plugin controls product visibility by role" width="889" height="516" /></p>
<p><strong><br />
Add Order Amount And Conditions: </strong><span style="font-weight: 400">You can set product visibility based on how much a registered user has spent in the past.</span></p>
<p><span style="font-weight: 400"><strong>Select The Greater Amount of Spent:</strong> </span><span style="font-weight: 400">Use this condition to show products only to customers who have spent more than a certain amount on previous orders.</span></p>
<p><span style="font-weight: 400"><strong>Select Less Amount of Spent:</strong> </span><span style="font-weight: 400">With this setting, you can hide or reveal products for users who have spent less than a specified amount.</span></p>
<p><span style="font-weight: 400"><strong>Select Equal Amount of Spent:</strong> </span><span style="font-weight: 400">This lets you define a very specific visibility rule for users who have spent an exact amount on your store.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656525" src="https://woocommerce.com/wp-content/uploads/2025/08/Add-Order-Amount-And-Conditions-for-Product-Restrictions.png" alt="Can I create private products in WooCommerce" width="881" height="580" /></p>
<p><span style="font-weight: 400"><strong><br />
Select Order Quantity And Conditions:</strong> </span><span style="font-weight: 400">This allows you to control product visibility based on the number of items a customer has purchased in total.</span></p>
<p><span style="font-weight: 400"><strong>Select Order Quantity Greater Than:</strong> </span><span style="font-weight: 400">This rule displays products to users who have purchased more than a certain number of items.</span></p>
<p><span style="font-weight: 400"><strong>Select order quantity less than:</strong> </span><span style="font-weight: 400">Show or hide products from customers who haven’t purchased much yet.</span></p>
<p><span style="font-weight: 400"><strong>Select order quantity equals to:</strong> </span><span style="font-weight: 400">This condition lets you target users who have placed a specific number of orders. For example, you could offer a special product to users who’ve completed exactly three purchases.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656534" src="https://woocommerce.com/wp-content/uploads/2025/08/Select-Order-Quantity-And-Conditions-WooCommer-Product-Visibility.png" alt="How to manage product visibility in WooCommerce settings" width="895" height="586" /></p>
<p><span style="font-weight: 400"><strong>Hide the previously purchased product for the registered user:</strong> </span><span style="font-weight: 400">Prevent customers from purchasing the same product again by hiding it once they’ve bought it.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656507" src="https://woocommerce.com/wp-content/uploads/2025/08/Hide-Previously-Purchased-Products.png" alt="How To Restrict WooCommerce Products To Specific Roles" width="962" height="532" /></p>
<h2><b>Country-Based Control</b></h2>
<p><span style="font-weight: 400">Country Restrictions extension enables you to identify their location and apply rules accordingly. For instance, you could hide prices, add to cart buttons, payment methods based on customer country.</span></p>
<h2><b>Show or hide the chosen products for selected countries</b></h2>
<p><span style="font-weight: 400">Control product visibility by country to meet legal regulations, shipping limitations, or region-specific marketing strategies. For example, you can block certain products in restricted zones or offer exclusive products in select markets.</span></p>
<h2><b>Choose Products</b></h2>
<p><span style="font-weight: 400">Choose Products allows you to hide simple products from being displayed or accessed through URL by matching specific conditions (including attributes, tags and shipping classes ) and excluding certain User Roles. </span></p>
<h2><b>Choose Categories</b></h2>
<p><span style="font-weight: 400">Expand your visibility control by applying rules not just to individual products but entire product categories. These can be made visible or hidden based on user roles or their country.</span></p>
<h2><b>Choose a restriction mode</b></h2>
<p><span style="font-weight: 400">Decide what happens when a product is hidden from a specific user.</span></p>
<h3><b>Show a Message</b></h3>
<p><span style="font-weight: 400">Instead of letting customers land on a blank or error page, show a tailored message explaining why the product isn’t visible.</span></p>
<h3><b>Redirect to the specific page</b></h3>
<p><span style="font-weight: 400">Automatically send users to another page if a product is restricted. This could be a promotional landing page, sign-up form, upgrade page, or even a related product suggestion.</span></p>
<h2><b>Allows to make products non purchasable</b></h2>
<p><span style="font-weight: 400">You can display products in your store without allowing users to purchase them. This is ideal for showcasing upcoming items, displaying out-of-stock products for visibility, or building anticipation for future launches.</span></p>
<p><img class="aligncenter size-full wp-image-18734005656456" src="https://woocommerce.com/wp-content/uploads/2025/08/product-visibility-ruleset-frontend-view.png" alt="WooCommerce Restrict Products Availability For Specific Users" width="980" height="340" /></p>
<h3>How to Get Started</h3>
<ol>
<li>Buy WooCommerce Product Visibility.</li>
<li>Download & install the extension to your store.</li>
<li>Activate and configure the extension. Find the detailed technical documentation to set up the extension.</li>
</ol>

Products Visibility Manager

<p>Take control of WooCommerce product availability. Hide, schedule, or limit access to products based on stock, user roles, or custom visibility rules.</p>

Product Collection Masonry vs Products Visibility Manager