[intro]In this Guide, you'll learn how to make Drop-down Variants. Before you begin, you may need to prepare Product Images for each of the Variant Choices if the Product is different for each one chosen. [/intro]
[tips]Before you begin it's a good idea to take a look at this Guide, which explains everything you need to know about how to best display your Products and their Variants on the Obodo shop platform without affecting your customer's experience or page speed. [/tips]
Drop-down Variants are useful for when your Product is not clothing, footwear or something that is worn where Colour, Pattern or Size Variants would be more applicable. Before you begin, you need to have completed this Guide so you can understand the best way to display Products with Variants on your Obodo shop without affecting your customer's experience or page speed.
Adding Drop-down Variants
1. Click the Add Variant button:
2. From the window that appears, click the ‘Create Variant’ button for ‘Other’:
3. Give the Variant a name, and then click the green Save button:
4. You then need to add in the names of the Variant Choices. Add each Choice into the field provided and click the green + button to add that Choice before adding the next one:
5. When you have completed adding your Choices, click the green Save button:
Adding Images to your Drop-down Variants
6. You now need to add Images to each of your Variant Choices so that as customers click on the Product Page, the Product Images changes accordingly. To do this, click the Edit button on your first Variant Combination:
7. In this area of the Edit Product window, you can edit different aspects of this specific Variant Combination. Click the Images & Photos tab on the left-hand side:
8. Click the Add Images button:
9. You will then be able to choose whether to Upload New - upload a Product Image from your computer for this particular Variant Choice, or whether to Choose Existing and select an existing Product Image from your File Manager:
10. When you have added the first image, aim to add more Product Images until the full row is completed to guarantee the best level of customer experience. Customers like to see the Product at different angles, with Images concentrating on specific Product Details. When you have completed this task, click the green Save button on the bottom right-hand corner and then click the ‘Return To Master Product’ tab on the top right-hand side of the window:
11. You now need to repeat this for your other Variant Choices, by following 6-10 of this Guide. Click the Edit button:
12. You can select which Variant Combination is displayed by default by clicking the circle symbol on the far left-hand side to make it blue. Now you need to click Save & Close:
13. On the Product Page, your Drop-down Variants will look like this:
[remember]Please bear in mind that if you have a product with a lot of variants, this will change the way you have to display this product, as lots of variant choices can negatively affect the page loading time and therefore, the user experience for any potential customers visiting your site. If you’re not sure how to display your products with variants correctly, contact our Customer Support Team, who will be able to advise you further.[/remember]
[more]
- What are Product Variants?
- How to make Variants with Colours
- How to make Variants with Sizes
- How to make Variants with Patterns
[/more]
[contact]If you need our help with your Obodo shop, contact our Customer Support Team, who will be able to point you in the right direction. We're open from 8am-6pm weekdays and 9am-5.30pm on the weekends. If you have a non-account specific question ask the Obodo Team, join us in the Obodo Community on Facebook. [/contact]