<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>Show product variations as single products in shop, category, and search-result pages.</li>
<li>You can give custom product titles to variations that display as single products in product listing pages.</li>
<li>Includes an option to hide the parent product in shop, category, and search result pages.</li>
<li>You can control the option to show variations as single products and hide parent products globally or on product levels.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2><strong>Display Variations on Single Product Pages</strong></h2>
<p>WooCommerce variations display in a drop-down menu on a single product page. The customer must go to the single product page, choose a variation and add it to their cart. For stores that sell products with more variations, showing product variations as single products reduces friction in the purchasing flow. With <strong>Variations as Single Products for WooCommerce</strong> customers can instantly add multiple variations to their carts. With this plugin, you can save your customers time and improve their browsing experience. You can also hide the parent product from product listing pages.</p>
<h2><strong>Settings</strong></h2>
<ul>
<li>Go to > WooCommerce > Settings > Variations as Products</li>
<li>Enable or disable: Select this checkbox to display variations as single products on product listing pages.</li>
<li>Hide parent products: Select this checkbox to hide parent products on product-listing pages.</li>
<li>Process variations: This button is useful to sync existing variations with the plugin. You will only need to use it once after your initial installation of <strong>Variations as Single Products for WooCommerce</strong>.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416272" src="https://woocommerce.com/wp-content/uploads/2021/08/Screenshot-2022-05-13-at-7.20.37-PM.png" alt="" width="980" height="632" /><img class="alignnone size-full wp-image-3416272" src="https://woocommerce.com/wp-content/uploads/2021/08/Screenshot-2022-05-13-at-7.20.37-PM.png" alt="" width="980" height="632" /></p>
<ul>
<li>Go to > Products > Edit product > Single variation</li>
<li>Exclude variations: Select this checkbox to exclude this product and show the variations as single products.</li>
<li>Hide parent product: Select this checkbox to hide the parent product on product listing pages.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416341" src="https://woocommerce.com/wp-content/uploads/2021/08/admin-product-edit-single-variation.png" alt="" width="980" height="436" /></p>
<ul>
<li>Go to > Products > Edit product > Variation</li>
<li>Variation product name: Input your desired variation product title here.</li>
</ul>
<p><img class="alignnone size-full wp-image-3416350" src="https://woocommerce.com/wp-content/uploads/2021/08/admin-product-edit-page.png" alt="" width="980" height="1059" /></p>
<h2>Frontend</h2>
<p><img class="alignnone size-medium wp-image-8487276" src="https://woocommerce.com/wp-content/uploads/2021/08/product-variations-shop-page.png?w=620" alt="" width="620" height="665" /></p>
<h2><strong>Troubleshooting</strong></h2>
<p>Use default WordPress troubleshooting.</p>
<h2><strong>Frequently Asked Questions</strong></h2>
<p><strong>Can I give a custom title to each product variation?</strong></p>
<p>Yes, you can add your custom title to product variations by navigating to Products > Edit product > Variation.</p>
<p><strong>Can I hide parent products?</strong></p>
<p>Yes, you can hide parent products globally or for a specific product. To hide it globally, navigate to WooCommerce > Settings > Variations as Products and select the checkbox “Hide parent product”. To hide it at the product level, navigate to Products > Edit product > Single variation and select the checkbox of “Hide parent product.”</p>
<p><strong>I have installed the plugin and configured it, but the variations are not showing as single products. Any advice?</strong></p>
<p>No worries. You just need to click on the Process Variations button by navigating to WooCommerce > Settings > Variations as Products. This will sync the existing product variations with the plugin. You will only need to use this button after your initial installation.</p>

Variations as Single Products

<p>Display variations on separate, searchable, individual product pages and improve your customers’ experience.</p>

Custom Product Variants vs Variations as Single Products