Product Variants
Variant picker for the current product. style 'pills'/'dropdown'/'list' render flat full-combination names; 'grouped' renders one button row per option group (Warna→[Hitam,Merah], Ukuran→[3 Bulan,6 Bulan]) with combinatorial availability + image-swap (prefer 'grouped' for multi-option products; falls back to pills when the product has no variantOptions). single_product only.
Type: "productVariants"
Variant picker for the current product. style 'pills'/'dropdown'/'list' render flat full-combination names; 'grouped' renders one button row per option group (Warna→[Hitam,Merah], Ukuran→[3 Bulan,6 Bulan]) with combinatorial availability + image-swap (prefer 'grouped' for multi-option products; falls back to pills when the product has no variantOptions). single_product only.
Catatan: Element template-only. Berlaku di template:
single_product.
Props
| Field | Type | Default | Keterangan |
|---|---|---|---|
style | 'pills'|'dropdown'|'list'|'grouped' | "pills" | Gaya Pilihan |
label | string | "Pilih Varian" | Label |
showPrice | boolean | false | Tampilkan harga per varian |
showStockState | boolean | true | Tampilkan status stok |
alignment | enum | "left" | Alignment |
Contoh
{
"id": "pro01abc",
"type": "productVariants",
"props": {
"style": "pills",
"label": "Pilih Varian",
"showPrice": false,
"showStockState": true,
"alignment": "left"
}
}