<p>Instantly group multiple standalone WooCommerce products and display them as variations on each other’s pages. Show variants in <strong>Grid, Carousel, Dropdown, or Popup</strong>. Supports manual grouping, automatic grouping by attributes, color swatches, stock display, product info, custom styling, catalog page variants, and more.</p>
<hr />
<h2><strong>Key Features</strong></h2>
<h3><strong>Group Individual Products as Variants</strong></h3>
<ul>
<li>Link any WooCommerce products to create variant groups</li>
<li>Each group represents “Color”, “Size”, “Design”, etc.</li>
<li>One product can belong to multiple groups</li>
</ul>
<h3><strong>4 Beautiful Variant Display Layouts</strong></h3>
<ol>
<li><strong>Grid Layout</strong> (Simple visual variant cards)</li>
<li><strong>Carousel Layout</strong> (Horizontal scroll with arrows)</li>
<li><strong>Dropdown Layout</strong> (Compact & mobile friendly)</li>
<li><strong>Popup Layout</strong> (Large variant selector modal)</li>
</ol>
<h3><strong>Automatic Variant Generation</strong></h3>
<p>Automatically find products with <strong>matching attributes</strong> and build variant groups without manual mapping.</p>
<h3><strong>Color Swatches / Image Swatches</strong></h3>
<ul>
<li>Show each variant with <strong>color</strong>, <strong>image</strong>, or <strong>default product image</strong></li>
<li>Works even when the variant is a standalone product</li>
</ul>
<h3><strong>Show Variant Data</strong></h3>
<p>Fully configurable:</p>
<ul>
<li>Product name</li>
<li>Price</li>
<li>Stock availability</li>
<li>Description text</li>
<li>Custom label (“Colors”, “Other Variants”, etc.)</li>
</ul>
<h3><strong>Shop & Category Page Variants</strong></h3>
<p>Show variant carousel/grid <strong>below each product thumbnail</strong> on archives.</p>
<h3><strong>Advanced Style Customization</strong></h3>
<ul>
<li>Background colors</li>
<li>Text colors</li>
<li>Active/hover states</li>
<li>Border colors</li>
<li>Custom CSS support</li>
</ul>
<h3><strong>Unlimited Variant Groups Per Product</strong></h3>
<p>Add multiple groups, such as:</p>
<ul>
<li>Colors</li>
<li>Sizes</li>
<li>Compatible Models</li>
<li>Materials</li>
<li>Styles</li>
</ul>
<h3><strong>Shortcodes for Anywhere</strong></h3>
<p>Display variants anywhere with shortcodes:</p>
<div>
<div>
<div>
<div></div>
</div>
</div>
<div dir="ltr"><code>[nxtal_variants product_id="123"]<br />
[nxtal_variant_swatch size="50" shape="circle"]</code></div>
</div>
<hr />
<h2><strong>Perfect For:</strong></h2>
<ul>
<li>WooCommerce stores importing products via <strong>API / CSV / Dropshipping / AliExpress / eBay / Amazon</strong></li>
<li>Stores with multiple similar products sold separately</li>
<li>Affiliate sites where each color/size is a unique URL</li>
<li>Merchants who want an advanced visual variation presentation</li>
</ul>
<h2><strong>Ideal Use Cases</strong></h2>
<ul class="wccom-tick-list-primary">
<li>15 colors of a T-shirt imported individually</li>
<li>Shoes in many sizes imported from external vendors</li>
<li>Electronics with multiple compatible models</li>
<li>Different designs/styles of the same item</li>
<li>Affiliate catalogs where each URL is unique</li>
</ul>
<p> </p>
<h2><strong>Settings Overview</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/settings-short.png" alt="" width="896" height="484" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page Grid View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/grid-front_3b168c.png" alt="" width="896" height="562" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page </strong><strong>Carousel View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/carousel-front.png" alt="" width="896" height="492" /></p>
<p> </p>
<p> </p>
<h2><strong>Product Page </strong><strong>Dropdown View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/dropdown-front.png" alt="" width="896" height="616" /></p>
<h2><strong>Product Page </strong><strong>Popup View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/popup-front.png" alt="" width="896" height="416" /></p>
<h2><strong>Catalog Page Grid View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/grid-catalog.png" alt="" width="896" height="557" /></p>
<h2><strong>Catalog Page </strong><strong>Carousel View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/carousel-catalog.png" alt="" width="896" height="518" /></p>
<h2><strong>Catalog Page </strong><strong>Dropdown View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/dropdown-catalog.png" alt="" width="896" height="554" /></p>
<h2><strong>Catalog Page </strong><strong>Popup View</strong></h2>
<p><img src="https://woocommerce.com/wp-content/uploads/2025/12/popup-catalog.png" alt="" /></p>

Custom Product Variants

<p>Showcase individual products as variants of each other with swatches, colors, and multiple layout options.</p>

<h2 style="color: #f5247d"><b>Help customers find the right fit</b></h2>
<p>When browsing online, customers often face a tough choice: several products look similar, but which one is truly the best for their needs? Without a way to compare, shoppers get stuck in “analysis paralysis” and may abandon their carts entirely.</p>
<p>Products Compare for WooCommerce solves this by giving your customers a simple, structured way to weigh their options. By letting shoppers line up products side-by-side, you remove confusion and help them feel confident about hitting “Add to Cart.”</p>
<h2><b>Let customers select products to compare</b></h2>
<p><img class="aligncenter size-medium wp-image-3113961" src="https://woocommerce.com/wp-content/uploads/2015/04/screen-shot-2018-05-16-at-1-38-45-pm.png?w=620" alt="Compare products on category pages" width="620" height="382" /></p>
<p>With this extension, customers will see the option to compare products directly on category pages. Customers can select the options they’re considering to see important details side-by-side.</p>
<p>On category pages, customers can tick a box or click a button to compare items instantly. Instead of opening multiple tabs or jotting down notes, they can build their own shortlist in just a few clicks.</p>
<p>For example, a clothing store could let shoppers compare different jackets by material, size availability, and customer ratings. An electronics retailer could highlight the differences in features, specs, and prices across competing models.</p>
<h2><b>Show detailed comparison tables</b></h2>
<p><img class="aligncenter size-medium wp-image-3113963" src="https://woocommerce.com/wp-content/uploads/2015/04/screencapture-avivas-test-site-local-products-compare-2018-05-16-13_38_59.png?w=620" alt="Comparison tables from Products Compare" width="620" height="596" /></p>
<section class="product-compare-details">Once shoppers make their selection, the plugin generates a clean, easy-to-read chart. Key details like:</p>
<ul>
<li>Price</li>
<li>Ratings</li>
<li>Stock levels</li>
<li>Descriptions and attributes</li>
</ul>
<p>…are all lined up in one place. This makes it clear which product delivers the best value, quality, or availability — and gives shoppers confidence to complete their purchase.</p>
</section>
<section class="product-compare-placement">
<h2><strong>Add comparison anywhere in your store</strong></h2>
<p>The comparison tool isn’t limited to category pages. Add it to:</p>
<ul>
<li>Sidebars or widgets on product pages</li>
<li>Custom landing pages with curated product groups</li>
<li>Search results or promotional pages</li>
</ul>
<p>Even better: the customer’s comparison list follows them around your store. If they added a product on a category page, they’ll see it again later, ready to compare with anything new they discover.</p>
</section>
<p><img class="aligncenter size-medium wp-image-3113964" src="https://woocommerce.com/wp-content/uploads/2015/04/screen-shot-2018-05-16-at-1-47-07-pm.png?w=620" alt="Compare Products widget" width="620" height="375" /></p>
<p>It doesn’t stop at the category page – any page can include the option to compare products. The products a customer has already viewed will stick around, so they can easily add more options as they find them across your store.</p>
<section class="product-compare-benefits">
<h2><strong>Why use Products Compare?</strong></h2>
<ul>
<li><strong>Increase conversions</strong> by giving customers the clarity they need to decide</li>
<li><strong>Reduce returns</strong> — customers make better-informed choices the first time</li>
<li><strong>Boost trust</strong> by presenting products transparently and side-by-side</li>
<li><strong>Improve experience</strong> for larger catalogs where products can blur together</li>
</ul>
</section>
<p>Made and supported by the team at:<br />
<img src="https://static.kestrelwp.com/kestrel-logo.png?s=525067f8fe02ac5419ff86711ad24bfcca94d0af" alt="Kestrel logo" width="200" height="45" /></p>

Kestrel Products Compare

<p>Give your customer the power to compare your products directly. Help shoppers quickly find what product is right for them with side-by-side charts for pricing, ratings, features, and more.</p>

Custom Product Variants vs Kestrel Products Compare