<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><b>Display Variations as Individual Products</b>: Show each product variation as a standalone item with its own image, price, and description.</li>
<li><b>Hide Attributes</b>: Select specific product attributes to hide from display for a cleaner product page.</li>
<li><b>Hide Out-of-Stock Variations</b>: Automatically remove unavailable variations from product listings to prevent confusion.</li>
<li><b>Set Variation Name Template</b>: Customize how variation names appear with a flexible template for clear, consistent listings.</li>
<li><b>Exclude Variations</b>: Choose to exclude specific variations from shop and category pages.</li>
<li><b>Hide Parent Product</b>: Option to hide the main product from listings, displaying only the relevant variations.</li>
</ul>
<hr />
<p>By default, WooCommerce displays product variations in a drop-down menu on the single product page. Customers must visit the product page, select a variation, and then add it to their cart.</p>
<p>For stores with products that have multiple variations, this can slow down the buying process. The <b>WooCommerce Show Single Variations</b> plugin makes it easier for customers to shop by displaying each product variation as a separate product.</p>
<p>With this plugin, your customers can quickly add multiple variations to their cart without navigating through drop-down menus. You can also choose to hide the parent product from shop and category pages, providing a cleaner, more user-friendly shopping experience.</p>
<h2><b>Display WooCommerce Variations as Separate Products</b></h2>
<p>Show each product variation as an individual product in your WooCommerce store to boost visibility and make it easier for customers to find. Each variation can have its own image, price, and description, appearing as a standalone product in shop and category listings. This helps shoppers quickly compare options and choose the exact product they want.</p>
<p><img class="wp-image-18734004891771 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2025/11/Display-WooCommerce-Variations-as-Separate-Products-1.png" alt="WooCommerce Bookings and Appointments plugin" width="867" height="404" /></p>
<h2><b>Hide Attributes and Out-of-Stock Variations</b></h2>
<p>Make your WooCommerce product pages clean and easy to navigate by hiding unnecessary details and unavailable options. You can choose specific product attributes to hide, showing only relevant information to customers. Hide out-of-stock variations from listings to reduce confusion and ensure a smooth shopping experience.</p>
<p><img class="wp-image-18734004891771 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2025/11/Hide-Attributes-and-Out-of-Stock-Variations.png" alt="WooCommerce Bookings and Appointments plugin" width="867" height="404" /></p>
<h2><b>Set Variation Name Template</b></h2>
<p>Easily customize how your product variation names appear using a flexible template system. Combine the parent product name with its attributes to create clear and consistent variation names. For example, a template can display a variation as “T-Shirt – Red Large”, making your product listings more organized and user-friendly.</p>
<p><img class="wp-image-18734004891771 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2025/11/Set-Variation-Name-Template.png" alt="WooCommerce Bookings and Appointments plugin" width="867" height="404" /></p>
<h2><b>Exclude Variations and Hide Parent Product</b></h2>
<p>You can choose to exclude individual product variations from appearing on shop and category pages, ensuring only the relevant options are visible to customers. Additionally, hiding the parent product from product listings helps keep your store clean and focused, displaying only the variations you want shoppers to see.</p>
<p><img class="wp-image-18734004891771 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2025/11/Exclude-Variations-and-Hide-Parent-Product-1.png" alt="WooCommerce Bookings and Appointments plugin" width="867" height="404" /></p>

Show Variations as Single Product

<p>Display product variations as Single Products on separate pages and improve your customers’ experience.</p>

Custom Product Variants vs Show Variations as Single Product