challenge-vtex-io-ramon-dia.../store/blocks/pdp/product-assembly.jsonc

117 lines
2.7 KiB
Plaintext

{
"sticky-layout#buy-button": {
"props": {
"position": "bottom"
},
"children": ["html#add-to-cart-container"]
},
"product-assembly-options": {
"children": [
"flex-layout.row#product-assembly-options",
"assembly-option-input-values"
]
},
"assembly-option-input-values": {
"props": {
"optionsDisplay": "box"
}
},
"flex-layout.row#product-assembly-options": {
"props": {
"colGap": 2,
"preserveLayoutOnMobile": true,
"colSizing": "auto"
},
"children": [
"flex-layout.col#product-assembly-image",
"flex-layout.col#product-assembly-middle",
"flex-layout.col#product-assembly-quantity"
]
},
"flex-layout.col#product-assembly-quantity": {
"props": {
"verticalAlign": "middle"
},
"children": [
"assembly-option-item-quantity-selector"
]
},
"flex-layout.col#product-assembly-image": {
"props": {
"marginRight": 4
},
"children": [
"assembly-option-item-image"
]
},
"flex-layout.col#product-assembly-middle": {
"props": {
"width": "grow",
"verticalAlignment": "middle"
},
"children": [
"assembly-option-item-name",
"assembly-option-item-price",
"assembly-option-item-children-description",
"assembly-option-item-customize#first-level"
]
},
"assembly-option-item-customize#first-level": {
"props": {
"buttonProps": {
"collapse": "left"
}
},
"children": [
"flex-layout.row#item-customize",
"assembly-option-input-values"
]
},
"flex-layout.row#item-customize": {
"props": {
"colGap": 2,
"preserveLayoutOnMobile": true,
"colSizing": "auto"
},
"children": [
"flex-layout.col#product-assembly-image",
"flex-layout.col#item-customize-middle",
"flex-layout.col#item-customize-quantity"
]
},
"flex-layout.col#item-customize-middle": {
"props": {
"width": "grow",
"verticalAlignment": "middle"
},
"children": [
"assembly-option-item-name",
"assembly-option-item-price",
"assembly-option-item-children-description",
"assembly-option-item-customize#sec-level"
]
},
"flex-layout.col#item-customize-quantity": {
"props": {
"horizontalAlign": "right",
"verticalAlign": "middle"
},
"children": [
"assembly-option-item-quantity-selector"
]
},
"assembly-option-item-customize#sec-level": {
"props": {
"buttonProps": {
"collapse": "left"
}
},
"children": [
"assembly-option-item-image",
"assembly-option-item-name",
"assembly-option-item-price",
"assembly-option-item-quantity-selector"
]
}
}