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

theme funda

<p><strong>Show Variations as Single Products for WooCommerce</strong> lets you display each product variation as its own standalone product listing on your WooCommerce shop page, category pages, and product tag pages. Instead of forcing customers to click into a product detail page just to pick a size or color, they can browse, select, and add to cart directly from the listing — reducing friction and increasing conversions.</p>
<p>Whether you sell clothing, accessories, or any product with multiple variants, this plugin makes it simple for shoppers to find exactly what they’re looking for without extra clicks.</p>
<p><a href="https://codesmade.com/demo/shop/page/3/" rel="nofollow ugc">View Demo</a> | <a href="https://www.codesmade.com/store/show-variations-on-shop-category-woocommerce-pro/" rel="nofollow ugc">Upgrade to Pro</a> | <a href="https://www.codesmade.com/contact-us/" rel="nofollow ugc">Get Support</a></p>
<h4>Why Use This Plugin?</h4>
<p>Standard WooCommerce hides all variations behind a single parent product. This means customers must open each product page, choose their options, and then add to cart — an extra step that costs you sales. This plugin solves that by surfacing each variation as a standalone listing, making your shop faster to navigate and easier to buy from.</p>
<h4>How to Get Started</h4>
<ol>
<li>Install and activate the plugin.</li>
<li>In your WordPress admin, go to <strong>Settings > Woo Variation Settings</strong>.</li>
<li>Enable the setting to show variations as single products.</li>
<li>Save — your shop, category, and tag pages will now display individual variations.</li>
</ol>
<h4>Free Version Features</h4>
<ul>
<li>One-click setup — no coding required</li>
<li>Show product variations on the <strong>shop page</strong>, <strong>category pages</strong>, and <strong>product tag pages</strong></li>
<li>Filter variations by product attribute</li>
<li>Customers can <strong>add variable products to cart</strong> directly from listing pages</li>
<li>Works with WooCommerce’s default product query</li>
<li>Supports both variation listings and standard single-product listings side by side</li>
</ul>
<h4>Pro Version Features</h4>
<p>Upgrade to Pro for advanced control over exactly how and where variations appear:</p>
<ul>
<li><strong>Auto-hide parent variable products</strong> — show only the individual variations, not the parent</li>
<li><strong>Hide parent product per individual product</strong> — granular control on a product-by-product basis</li>
<li><strong>Exclude specific products</strong> from showing variations</li>
<li><strong>Exclude entire product categories</strong> from the variation display</li>
<li><strong>Custom display names</strong> for individual variation listings</li>
<li>Priority support</li>
</ul>
<p><a href="https://www.codesmade.com/store/show-variations-on-shop-category-woocommerce-pro/" rel="nofollow ugc">Get the Pro Version <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h4>Works Great With</h4>
<p>This plugin works alongside WooCommerce’s default product loop, including WooCommerce search results. When customers search your store, matching variations will appear as individual results — making it even easier to find the right product.</p>
<h4>More Plugins by the Same Author</h4>
<ul>
<li><a href="https://wordpress.org/plugins/short-description-and-attribute-show-loop-for-woocommerce/" rel="ugc">Short Description and Attributes in WooCommerce Loop</a></li>
<li><a href="https://wordpress.org/plugins/product-quote-cart-for-wc/" rel="ugc">Add to Quote for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/gm-woo-product-list-widget/" rel="ugc">Product Shortcode – Widget – Block for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/gm-variations-radio-buttons-for-woocommerce/" rel="ugc">Variation Dropdown to Radio Buttons for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/gm-woocommerce-quote-popup/" rel="ugc">Product Enquiry for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/pdf-catalog-woocommerce/" rel="ugc">PDF Catalog for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/restrict-payment-methods-for-woocommerce/" rel="ugc">Restrict Payment Methods for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/display-product-variations-dropdown-on-shop-page-for-woocommerce/" rel="ugc">Display Product Variations Dropdown on Shop Page</a></li>
</ul>


Show Variations as Single Products for WooCommerce

Display WooCommerce product variations as individual products on shop, category, and tag pages — helping customers find and buy exactly what they want …

Custom Product Variants vs Show Variations as Single Products for WooCommerce