Variable Products – Show variants on collection pages
Variable Products is a Shopify app that allows you to show variants as products on collection pages. The app shows variants in the same way as products. No need to copy product details. Just split up products and display variants as separate items.
Try appView demo- Show variants on collection pages
- Customize titles
- Add specific variants to blacklists and whitelists
- Set an individual configuration for each collection
- Autohide unavailable variants
- Collection conditions
- Show variants on featured collections or on the home page
- Track variants views
Show variants on collection pages
Variable app has three ways of displaying variants on collections:
Show all variants
The app displays all available variants for each product.
Display variants with different values of selected options
You can specify options, and Variable will display only variants that have different values of such options.
For example, if you want to show only colored variants, you can select Color in these options. Variable will display first available red, green, blue variants. Other variants, with the same colors and different sizes, will not be displayed.
Hide variants with the same values of selected options
An alternative way is to select options for ignoring. Like Size, Weight.
Customize titles
Using Variable you can set an individual title for each variant. It's possible to create your pattern of naming variants or use already defined. You can use a combination of different product fields to name variants. Like option values, vendor, product type, variant SKU.
Add specific variants to blacklists and whitelists
The app allows you to manually hide and show variants. Despite set up display rules, you can add some variants to blacklists and whitelists.
Set an individual configuration for each collection
Using Variable Products you can specify the list of displayed variants for each collection. Set global display rules. And if necessary, correct it manually for an individual collection. These corrections only affect the selected collection.
Autohide unavailable variants
Variable can automatically hide all of your unavailable variants on collections pages. After variants back in stock, they will be shown immediately. You can also specify a threshold value, and Variable will hide variants, the quantity of which is less than the specified one.
Collection conditions
Variable Products make it possible to set the collection that shows all the products in a specific color or any other option. E.g. show variants in blue. Using conditions, you can filter variants on collections.
Show variants on featured collections or on the home page
Using Variable app, it's possible to show variants as on collection pages as on featured collections. You can find more information on enabling this feature in our docs.
Track variants views
When you split up products and display variants on collections, Variable helps you track the most popular variants for each product. You can view the number of clicks to the exact variant from the collection pages. Also, you can group views by product, variant, vendor, or product type.
More information about configure Variable you can find in our docs