# Choose type variant swatch > The variant type will appear on both the collection page and the product page. ## 1. Swatch ### **Color** Choose colors to showcase your variants. This type allows you to display options using color swatches, making it easy for customers to pick their preferred color with just a click. {% hint style="info" %} Suitable for variations color. {% endhint %}

### Image custom (file upload, link image) Upload custom images for each variant, either through file upload or by linking images. This gives you the flexibility to show your variants visually, making it easier for customers to see exactly what they’re selecting. {% hint style="info" %} Suitable for products with common variations, similar variations will share the same image like material, sample code, sample series. {% endhint %}

### **Image automate (main image for selected variant)** Automatically show the main image for the selected variant. When a customer chooses a variant, the image updates to reflect that option, helping them see exactly what they're getting. {% hint style="info" %} Suitable for almost all types of variants (like color, model, type, material,...) {% endhint %}

## **2. Button type** Display variant options as clickable buttons. Customers can simply click a button to choose their desired variant, making the selection process fast and intuitive. {% hint style="info" %} Suitable for simple variants (like size, short text, type, material,...) {% endhint %}

## **3.** Dropdown Show the variant options in a dropdown list. This type is great for keeping things neat and organized, offering a clean way for customers to choose their options. {% hint style="info" %} This type is perfect for keeping your product page clean and organized, especially when you have many variants (like text, long text, many options). It’s ideal for products with multiple options that you want to present in a simple, easy-to-navigate format. {% endhint %}

## **4.** Variant with price Display the variant options along with the price. This gives customers a clear view of the price for each variant, making it easy for them to make a decision based on their budget. {% hint style="info" %} Suitable for different price points for variant options. {% endhint %}

*** [**Advanced Editing Style Variations**](https://docs.globo.io/product-variants-swatch/advanced-setting-variants-swatch)