How to Create Options and Variants

Table of Contents

1. Introduction
2. What Are Options and Variants?
3. Creating Options
4. Option Editor
5. Creating Variants
6. Important Settings and Best Practices
7. Conclusion
8. FAQs

Introduction

Imagine you own an e-commerce store with a diverse range of products that vary in colors, sizes, and materials. Managing and organizing this array can seem daunting. You may believe that each variation requires its own individual product listing, but this approach can lead to a cluttered, confusing shopping experience. Enter product options and variants—a systematic way to offer multiple choices for a product while maintaining an organized and user-friendly storefront. In this blog post, we will explore the nuances of creating and managing options and variants, enhancing both the administrative and customer experiences. By the end of this guide, you’ll have a comprehensive understanding of how to set up options and variants, ensuring that your store remains organized and your customers are satisfied.

What Are Options and Variants?

Before diving into the "how," it’s essential to understand the "what." Options are selectable attributes of a product, such as color, size, or material, that allow customers to customize their purchase. Variants, on the other hand, are the specific combinations of these options. For example, if you sell a t-shirt available in multiple colors and sizes, each unique combination (e.g., a red, medium t-shirt) is a variant.

Creating Options

Step 1: Preparing Your Product Information

Start by compiling the necessary details about your products. Determine which attributes will serve as options. This preparation is crucial for a streamlined setup and helps in keeping your data well-organized.

Step 2: Access the Options Tab

In your product editor, go to the Options tab. Here, you’ll manage the various attributes your products will offer.

Step 3: Create a New Option

Click the SELECT dropdown, and choose CREATE NEW. Enter the title of your option, like "Color" or "Size." This title will be displayed on your product page. After inputting the title, click the Create Option button to bring up a Values table. Here, you’ll enter the specific values (e.g., "Red," "Blue," "Small," "Large").

Step 4: Entering Option Values

For each new value, type it into the generated value line and click Create value. Continue this process until all necessary values are entered. Once done, click the close X icon. The new option will now be assigned to the product.

Step 5: Save Your Product

Click the Save icon to ensure all changes are recorded. Repeat the process for additional options as needed.

Option Editor

Display Settings

In the Option Editor, you can control how and where your options are displayed. To access the Option Editor, click the option title in the Options tab or navigate to Products > Options in the main menu.

Refine Block Display

Tick the Include in refine block box if you want the option to appear in the refine block on category pages. To keep the interface streamlined, avoid minimizing the option in the refine block.

Product Page Display

In the Displayed on the Product Page section, choose how the option appears to customers:

1. Select field: A dropdown menu.
2. Radio buttons (only for single-option products).
3. Option icons with select field (V2 only).
4. Option icons only (V2 only).

For more information on setting up option icons, you can refer to the guide on how to use option icons.

Creating Variants

Step 1: Understanding Variants

Variants are essentially the combinations born from the options and values you’ve set. For example, two options like Color (Red, Blue) and Size (Small, Medium, Large) create six variants (e.g., Red-Small, Red-Medium, etc.).

Step 2: Generating Variants

Once the options and values are established, a new tab named Variants will appear. By default, variants inherit the main product's data such as price and stock levels. However, you can override this data by assigning unique SKUs to each variant.

Step 3: Assigning Unique Data

Add unique SKUs to your variants by typing them in or using the Generate Variant SKUs button. Save the product to make other fields editable and input specific data like barcodes, pricing, and stock quantities for each variant.

Step 4: Variant Images

To enhance the customer experience, assign specific images to each variant. For example, different images can be displayed when a customer selects a particular color or size. Access the Images tab in the Product Editor, find the Select Parent or Variant section, and choose a variant from the list. Click the Assign Images button to upload images specific to that variant.

Step 5: Applying Images to Multiple Variants

Use the Apply to all Variants option to add the same images across all variants sharing a specific value, saving time and ensuring consistency.

Step 6: Parent and Variant Images

Ensure that both parent and variant images are in sync to avoid conflicts. For example, the main product images could display various colors before any options are selected.

Important Settings and Best Practices

Sequential Option Selection

Set your options to be chosen in sequence (e.g., selecting a color first, then size) by navigating to Settings > Settings > Products Tab > Selectable Product Options and Availability section. This setup provides clear and immediate feedback on stock availability based on the selected options.

No Limits on Options

While there’s theoretically no limit to the number of options you can create, keep in mind the practical limit of 500 variants per product.

Batch Updating via CSV

For bulk operations, use the Product Import feature to add or update options and variants through a CSV file.

Conclusion

Effectively managing product options and variants can significantly enhance your e-commerce business. By using the tools and practices discussed in this guide, you can provide a smoother, more organized shopping experience for your customers while keeping your backend operations efficient. Remember to frequently review and update your options and variants, ensuring they remain accurate and aligned with your inventory and customer preferences.

FAQs

What are product options and variants?

Options are selectable attributes like color or size, while variants are specific combinations of these options, e.g., a blue, large shirt.

How many options and variants can I create?

You can create an unlimited number of options, but each product can have up to 500 variants.

How do I assign images to specific variants?

In the product editor, navigate to the Images tab, select the variant, and upload the corresponding images. Use the Apply to all Variants option for consistent values.

Can I batch update options and variants?

Yes, you can use the Product Import feature to add or update them via CSV file.

What is the benefit of sequential option selection?

Sequential selection ensures customers get immediate feedback on the availability of their selections, enhancing the shopping experience.

By following the steps outlined in this guide, you can master the art of creating and managing product options and variants, making your e-commerce store a user-friendly and efficient platform for your customers.

Powered by smarter content marketing.