<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>

<ul class="wccom-tick-list-primary">
<li>Setup retailers/distributors and assign them products</li>
<li>Set a unique link for each retailer/distributor globally or on a per-product basis</li>
<li>List <strong>multiple retailers</strong> for each product</li>
<li>Customize the text for the “Purchase” button</li>
<li>Optionally make a product purchasable only from the retailer/distributor</li>
<li>Use buttons or a drop-down menu to show available retailers <sup><strong>NEW</strong></sup></li>
<li>Option to show retailers only if the product is <strong>out of stock</strong> <sup><strong>NEW</strong></sup></li>
</ul>
<hr />
<h2>Add External Links for Product Retailers or Distributors to Your Products</h2>
<p>External / Affiliate products are a great feature of WooCommerce, but they have one major limitation: you can’t sell a product yourself <strong>and</strong> link to the same product on a retailer or distributor’s website. This extension removes that limitation, and also allows you to list <strong>multiple retailers</strong> rather than one affiliate link.</p>
<p>Easily setup retailers or distributors for products in your store, including a URL to their website, then assign them to individual products. Customers can then purchase the item directly on your store, or they can visit the retailer or distributor’s website to purchase.</p>
<p>Perfect for products sold through <strong>multiple sales channels</strong>, such as a book available directly on-site, through Amazon, for Kindle, and Nook.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-hero.png"><img class="aligncenter size-medium wp-image-150755" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-hero.png" alt="WooCommerce Product Retailers" width="550" height="370" /></a></p>
<figure id="attachment_150750" aria-describedby="caption-attachment-150750" style="width: 550px" class="wp-caption aligncenter"><img class="aligncenter size-medium wp-image-156910" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-simple-product-single-retailer.png" alt="WooCommerce product retailers single retailer display" width="550" height="220" /><figcaption id="caption-attachment-150750" class="wp-caption-text">Simple Product Page</figcaption></figure>
<h3>Easily Add Retailers / Distributors</h3>
<p>Add your retailers or distributors quickly and then assign them a default link. After they’ve been added, you can assign them to products and set a unique URL per product. This is useful to link the product directly to the related product on the retailer’s / distributor’s website.</p>
<figure id="attachment_152645" aria-describedby="caption-attachment-152645" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-adding-retailers.png"><img class="size-medium wp-image-152645" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-adding-retailers.png" alt="WooCommerce Product Retailers Add Retailer" width="550" height="267" /></a><figcaption id="caption-attachment-152645" class="wp-caption-text">Add & View Retailers / Distributors</figcaption></figure>
<p>Add retailers to specific products:</p>
<figure id="attachment_152645" aria-describedby="caption-attachment-152645" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-adding-retailers.png"><img class="size-medium wp-image-152645" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-adding-retailers.png" alt="WooCommerce Product Retailers Add Retailer" width="550" height="267" /></a><figcaption id="caption-attachment-152645" class="wp-caption-text">Add & View Retailers/Distributors</figcaption></figure>
<p>You can now also use buttons rather than a drop-down menu to display retailers to your customers by simply clicking “Use Buttons” while creating your product:</p>
<figure id="attachment_156909" aria-describedby="caption-attachment-156909" style="width: 550px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-use-buttons1.png"><img class="size-medium wp-image-156909" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-retailers-use-buttons1.png" alt="WooCommerce Product Retailers buttons" width="550" height="485" /></a><figcaption id="caption-attachment-156909" class="wp-caption-text">Using Buttons for Retailers</figcaption></figure>
<p>You can even opt to only show retailers when your product is out of stock, letting you generate referral revenue instead of backorders!</p>
<p>This allows you to sell products directly, or generate revenue via your affiliate / referral links with other retailers (such as Amazon). Give customers purchasing options without losing out on revenue!</p>
<h3>Product Retailers vs. External Products</h3>
<table class="aligncenter" style="padding: 15px 0 15px" summary="Product Retailers vs. External Products">
<tbody>
<tr>
<th></th>
<th>Product Retailers</th>
<th>External/Affiliate Products</th>
</tr>
<tr>
<td><strong> Purchase the product directly?</strong></td>
<td style="text-align: center">Yes</td>
<td style="text-align: center">No</td>
</tr>
<tr>
<td><strong> Purchase the product only from retailer/distributor?</strong></td>
<td style="vertical-align: middle;text-align: center">Yes</td>
<td style="vertical-align: middle;text-align: center">Yes</td>
</tr>
<tr>
<td><strong> Multiple links per product?</strong></td>
<td style="text-align: center">Yes</td>
<td style="text-align: center">No</td>
</tr>
<tr>
<td><strong> Limit to “Out of stock” usage?</strong></td>
<td style="text-align: center">Yes</td>
<td style="text-align: center">No</td>
</tr>
<tr>
<td><strong> Customize button text?</strong></td>
<td style="text-align: center">Yes</td>
<td style="text-align: center">Yes</td>
</tr>
</tbody>
</table>
<h3>How to Get Started</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download and install into your WooCommerce store</li>
<li>Add your Retailers/Distributors, then assign them to products</li>
<li>That’s it! Sit back and enjoy flexible sales!</li>
</ol>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Product Retailers

<p>Allow customers to purchase external products directly on your site, or from a selection of retailers.</p>

Custom Product Variants vs Product Retailers