When to Use Color Swatch
Use the Color Swatch option type when you want to:- Offer different color options for your product
- Display metal finishes (e.g., Gold, Silver, Rose Gold)
- Show paint or fabric colors
How to Add a Color Swatch
- In the option set editor, click Add Option.
- Select Color Swatch from the list of option types.
- Give your option a name (e.g., “Metal Finish”).
- Add color values using hex codes (e.g., #FFD700 for gold).
- Optionally, add a label and price adjustment for each color.
Configure colors using hex codes and add descriptive labels.
Configuration Options
Color Values
Enter the hex code for each color you want to offer. You can use a color picker tool to find the exact hex code.Labels
Add descriptive names for each color (e.g., “Midnight Black”, “Ocean Blue”).Pricing
You can add an extra charge for premium colors or finishes.Example Use Cases
- Jewelry: Metal finishes (Gold, Silver, Platinum)
- Apparel: Fabric colors
- Home Decor: Paint colors or finishes
Best Practices
Consider offering a limited number of colors (5-10) to avoid overwhelming your customers with too many choices.