Let customers choose product variations like size, colour, and material. Prices and stock update dynamically.
The Variation Selector widget displays selectable options (such as size, colour, or material) for Goose Commerce variable products. When a customer selects a combination of options, the widget updates the product price, stock status, and image to reflect the chosen variation — all handled natively by the Goose Commerce engine.
| Setting | Description | Default |
|---|---|---|
| Selector Style | How each attribute option is displayed: Dropdown, Buttons, Colour Swatches, Image Swatches | Dropdown |
| Show Attribute Label | Display the attribute name above the selector | Enabled |
| Show Selected Value | Display the currently selected option value next to the label | Enabled |
| Out of Stock Behaviour | How unavailable variations are shown: Hidden, Greyed Out, Crossed Out | Greyed Out |
| Reset Link | Show a link to deselect all options | Enabled |
| Reset Link Text | Label for the reset link | Clear selection |
| Price Update | Dynamically update the displayed price when a variation is selected | Enabled |
| Image Update | Swap the main product image when a variation with its own image is selected | Enabled |
Use the Dropdown style for products with many size or specification options where a long button row would be impractical. Use Colour Swatches for clothing or colour-variant products to give customers a visual preview of their selection. Use Image Swatches for products where the variation changes the product’s appearance significantly, such as different print designs or materials.
