π Variants display feature lets you separate variants of a product and display them as individual products on collection pages, search results pages, and instant search results.
π‘ This tool will display the variant image you set on the product detail page on Shopify admin. In case there is no image for the variant, the default product image will be shown instead.
Instruction
1. Go to the Tool menu > Select Variants display
2. Toggle the button to enable the feature
3. Choose the options to base on when showing variants as separate products
You could select a/some specific options
π‘ Title is always shown as an option by default due to Shopify's settings.
After the variants are split, their title will be shown in the default format: [Product name] - [Option 1βs value name] - [Option 2βs value name]... For eg, Dress - Pink - Medium
You can arrange the option values' names on the variant title by drag-and-drop the selected options. For example, drag Size before Color and the title will be Dress - Medium - Pink.
4. Select a/some collection(s) to display variants from the drop-down list. If you want to display variants as products on all collections, select Select all collections.
5. (Optional) By default, the variants are separated on the collection pages only. You can choose to display variants as products on the search results page and/or instant search results.
Tick the option where you also would like the feature to take effect:
6. Click Save to save the settings.
π‘ It normally takes 3-10 minutes to finish the process depending on the number of variants and products your store has.
π‘ By default, we donβt support showing the hover image for variants after they are separated. Contact us if you would like to customize this.
β
If you have any questions or need further assistance, please do not hesitate to contact our dedicated support team at [email protected].