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.

Product addons for WooCommerce enable you to add unlimited extra product options by using 19 types of fields such as text field, drop-down, check-boxes, multiple select, color swatches, etc.
Set individual pricing for each field or offer them for free based on your needs. You can create individual options or multiple sets of product fields and assign them to different products and categories.
<h2>Features:</h2>
<ul>
<li style="font-weight: 400">Add unlimited product options and add-ons.</li>
<li style="font-weight: 400">19 Types of product fields.</li>
<li style="font-weight: 400">Create multiple rules for products or categories.</li>
<li style="font-weight: 400">show or hide fields based on customer choices with conditional logic.</li>
<li style="font-weight: 400">Display the addon price with the product or separately.</li>
<li style="font-weight: 400">Flexible pricing options
<ul>
<li style="font-weight: 400">Free (leave the price field empty)</li>
<li style="font-weight: 400">Fixed Price</li>
<li style="font-weight: 400">Percentage price</li>
<li style="font-weight: 400">Fixed and Percentage price based on quantity</li>
</ul>
</li>
<li style="font-weight: 400">Add color and image radio buttons (swatches).</li>
<li style="font-weight: 400">Set the sorting order of the fields and of the whole rule.</li>
<li style="font-weight: 400">Hide or display custom product fields for specific user roles.</li>
<li style="font-weight: 400">Preselect default options for checkboxes and radio buttons.</li>
<li style="font-weight: 400">Display and manage the stock of the addon.</li>
<li style="font-weight: 400">Add a tooltip for each option</li>
<li style="font-weight: 400">Hide or Display custom fields in cart and checkout pages.</li>
<li style="font-weight: 400">Hide or Display fields in the order details page.</li>
<li style="font-weight: 400">Easily manage rules from the backend.</li>
</ul>
<h3>Add Extra Product Options</h3>
Create extra product options that let customers enhance their purchases with product addons for WooCommerce. Choose from multiple field types and set conditions to control how options appear, making product customization simple and intuitive.
<img class="size-medium wp-image-18734006340674 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Add-Extra-Product-Options.png?w=885" alt="Add Extra Product Options" width="885" height="1300" />
<h3>Create Extra Product Options with 19 Field Types</h3>
Add a wide range of fields to customize your products and enhance the customer experience with Product Addons and Extra Options. Choose from 19 field types.
<ul>
<li style="font-weight: 400">Text Field</li>
<li style="font-weight: 400">Text Area</li>
<li style="font-weight: 400">Font Style</li>
<li style="font-weight: 400">Number</li>
<li style="font-weight: 400">Heading</li>
<li style="font-weight: 400">URL</li>
<li style="font-weight: 400">Separator</li>
<li style="font-weight: 400">File</li>
<li style="font-weight: 400">Dropdown</li>
<li style="font-weight: 400">Image Radio Button</li>
<li style="font-weight: 400">Radio Button</li>
<li style="font-weight: 400">Checkbox</li>
<li style="font-weight: 400">Multiple Select</li>
<li style="font-weight: 400">Date</li>
<li style="font-weight: 400">Time</li>
<li style="font-weight: 400">Color Picker</li>
<li style="font-weight: 400">Color Button (Swatches)</li>
<li style="font-weight: 400">Google Fonts</li>
<li style="font-weight: 400">Range Picker</li>
</ul>
<h3>Add Conditional Fields for Product Options</h3>
Show or hide product options based on customer selections or other conditions. You can apply the conditions on the cross rule as well.
<img class="size-medium wp-image-18734006340677 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Add-Conditional-Fields-for-Product-Options.png?w=896" alt="Add Conditional Fields for Product Options" width="896" height="585" />
<h3>Flexible Pricing Options for Addons</h3>
Easily set prices for your product addons to match your store’s needs. Offer them for free, charge a fixed or percentage fee, apply fees based on quantity, or multiply the addon price by the product quantity in the cart for accurate pricing.
<ul>
<li style="font-weight: 400">Free (leave the field empty)</li>
<li style="font-weight: 400">Fixed Price</li>
<li style="font-weight: 400">Percentage Price</li>
<li style="font-weight: 400">Fixed and Percentage price based on quantity</li>
</ul>
<img class="size-medium wp-image-18734006340678 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Flexible-Pricing-Options-for-Addons.png?w=896" alt="Flexible Pricing Options for Addons" width="896" height="210" />
<h3>Enable Price Per Character for Text</h3>
Extra product options for WooCommerce let you charge per character for personalized customizations. Set prices for adding names, initials, or phrases on products like cups, t-shirts, caps, and cards using printing, embossing, or engraving, and define a character limit for each customization.
<img class="size-medium wp-image-18734006340682 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Enable-Price-Per-Character-for-Text.png?w=896" alt="Enable Price Per Character for Text" width="896" height="385" />
<h3>Manage Stock for Product Options</h3>
Control of your addon inventory and ensure accurate stock tracking. It lets you manage the availability of product addons, so customers can only select options that are in stock.
<img class="size-medium wp-image-18734006340685 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Manage-Stock-for-Product-Options.png?w=896" alt="Manage Stock for Product Options" width="896" height="450" />
<h3>Assign Fields to Product or Categories</h3>
Assign extra product options to specific products or entire categories. This saves time by letting you set one rule and apply it to multiple products or categories at once.
<img class="size-medium wp-image-18734006340686 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Assign-Fields-to-Product-or-Categories.png?w=896" alt="Assign Fields to Product or Categories" width="896" height="218" />
<h3>Show or Hide Product Options by User Role</h3>
Product addons for WooCommerce allow you to hide or display product options based on user roles. Make options visible to specific users, all registered users, or guests, giving you full control over who can access each feature.
<img class="size-medium wp-image-18734006340689 aligncenter" src="https://woocommerce.com/wp-content/uploads/2026/02/Show-or-Hide-Product-Options-by-User-Role.png?w=896" alt="Show or Hide Product Options by User Role" width="896" height="363" />

Product Addons and Extra Options

Personalize your products with product addons and extra options using 19 field types for free or paid. Set up conditional logic to automatically show or hide options based on what your customers select.

Products By Attributes & Variations vs Product Addons and Extra Options