Variation attribute display types on product and listing pages
Key Takeaway
The display type you select when you create an attribute decides how shoppers see its options, such as swatches, pills or dropdowns. You style the swatches on product tiles on the Product Listing (Search) page in the Swatches settings of the Product Card component on the Search page in Experience Builder.
A variation product is one parent product that comes in options such as color and size. Shoppers can explore every option from a single page instead of visiting several pages. Each variation attribute has a display type that controls how its options appear to shoppers. You pick the display type when you create the attribute. After that, you style it in Experience Builder to match the store's theme.
Attributes and variations
An attribute identifies one product feature, such as size or color. Each combination of attribute values is its own variation. Each product variation requires a unique attribute value.
A supplier sells safety gloves in Black and Orange and in sizes M, L and XL. Color is one attribute and Size is another. Each combination, such as Orange in size L, is its own variation, so the gloves have six variations (2 colors x 3 sizes).
After you add an attribute set to a product, you can't modify the attribute set.