The Products by Attributes & Variations plugin gives you two ways to showing variations on listing pages: 1) displaying product variations as simple products, or 2) displaying product attributes on listing pages. Improve your user experience by allowing customers to find relevant variations from shop pages and add products to their cart without having to visit the product detail page.
<img class="aligncenter wp-image-18734005635358 size-full" src="https://addify.store/adv-banners/addify-store.gif" alt="" width="900" height="141" />
<h2>1.  Show variations as single products:</h2>
This feature empowers you to show variations as simple products on shop, category, and other listing pages. Customers can find relevant product variations from listing pages and add products directly to their cart, and the variations are compatible with product filters and search. This makes your catalog look bigger and improves the user experience.
<img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/WooCommerce-Show-Single-Variations-.png" width="958" height="1178" />
<h3>Key settings</h3>
<ul>
<li>Display variations of all or specific items as simple products</li>
<li>Exclude any variations from showing as simple product</li>
<li>Option to hide the main product from listing pages</li>
</ul>
<img class="alignnone size-full wp-image-5822577" src="https://woocommerce.com/wp-content/uploads/2019/10/WooCommerce-Show-Single-Variations-Setting-page.png" alt="" width="925" height="898" />
Exclude specific variation & customize sorting order
From Product Edit > Variations, you can exclude individual variations from displaying them as simple products on listing pages. You can also give a custom menu sorting order for each variation.
<img class="alignnone size-full wp-image-5710915" src="https://woocommerce.com/wp-content/uploads/2019/10/Variations-Settings-2.png" alt="" width="958" height="1212" />
Exclude entire attribute:
You can exclude any attribute and display products by only one attribute. For example, if you have color and size as attributes, you can exclude size and display products by color only. You can exclude this from the product edit sheet on the backend.
<img class="alignnone size-full wp-image-7957711" src="https://woocommerce.com/wp-content/uploads/2019/10/Exclude-Attribute.png" alt="" width="960" height="512" />
<hr />
<h2>2.  Display attribute selections on listing pages</h2>
This lets you add product attributes to listing pages so customers can select their desired variations and add products to their carts from a listing page. This makes shopping easier — customers will no longer need to visit individual product pages to make selections.
The attributes are displayed in the same format as on the product detail page. For example, if you are using color swatches or a third party plugin to show size options in a dropdown menu and are showing color options with checkboxes, the same dropdown and checkboxes will be displayed on listing pages
You can also utilize the toggle mode option to keep your products listing compact. Customers can click on the show/hide button to see the variations.
<img class="alignnone size-full wp-image-5710916" src="https://woocommerce.com/wp-content/uploads/2019/10/Variations-Dropdown-2.png" alt="" width="980" height="1168" />
<h3>Key settings</h3>
<ul>
<li>Display attributes of all or selected products</li>
<li>Option to display quantity box</li>
<li>Toggle mode option to keep the listings compact</li>
</ul>
<img class="alignnone size-full wp-image-5000645" src="https://woocommerce.com/wp-content/uploads/2019/10/woocommerce-Show-variations-on-shop-page-.jpg" alt="woocommerce Show variations on shop page" width="954" height="939" />
<h3>FAQs:</h3>
Can I use both features at the time?
Yes, you can convert your variations into products, and at the same time show attribute selections under the parent product.
Can I change variation product titles?
Yes, you can customize the title for each product by variation.
Is it compatible with product filter and layered navigation?
Yes, both features are 100% compatible with default sortings, product filters, and layered navigation.

Products By Attributes & Variations

This plugin enables you to 1) display product attributes on listing pages for easy selection and 2) display variations as simple products.

<ul class="wccom-tick-list-primary">
<li>Display Variations as Individual Products: Show each product variation as a standalone item with its own image, price, and description.</li>
<li>Hide Attributes: Select specific product attributes to hide from display for a cleaner product page.</li>
<li>Hide Out-of-Stock Variations: Automatically remove unavailable variations from product listings to prevent confusion.</li>
<li>Set Variation Name Template: Customize how variation names appear with a flexible template for clear, consistent listings.</li>
<li>Exclude Variations: Choose to exclude specific variations from shop and category pages.</li>
<li>Hide Parent Product: Option to hide the main product from listings, displaying only the relevant variations.</li>
</ul>
<hr />
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.
For stores with products that have multiple variations, this can slow down the buying process. The WooCommerce Show Single Variations plugin makes it easier for customers to shop by displaying each product variation as a separate product.
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.
<h2>Display WooCommerce Variations as Separate Products</h2>
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.
<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" />
<h2>Hide Attributes and Out-of-Stock Variations</h2>
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.
<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" />
<h2>Set Variation Name Template</h2>
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.
<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" />
<h2>Exclude Variations and Hide Parent Product</h2>
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.
<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" />

Show Variations as Single Product

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

Products By Attributes & Variations vs Show Variations as Single Product