feat: adicionar blocos e organiza-os, para coluna da direita do produto

This commit is contained in:
Emmanuel Vitor Pereira de Jesus 2023-02-06 20:36:36 -03:00
parent 5b1f23fce2
commit 936b06110e
2 changed files with 62 additions and 26 deletions

View File

@ -1,9 +1,16 @@
{ {
"sticky-layout#buy-button": { "sticky-layout#buy-button": {
"props": { "props": {
"position": "bottom" "position": "bottom",
"blockClass": "teste"
}, },
"children": ["flex-layout.row#buy-button"] "children": ["html#buy-button"]
},
"product-assembly-options": {
"children": [
"flex-layout.row#product-assembly-options",
"assembly-option-input-values"
]
}, },
"product-assembly-options": { "product-assembly-options": {
"children": [ "children": [
@ -32,17 +39,13 @@
"props": { "props": {
"verticalAlign": "middle" "verticalAlign": "middle"
}, },
"children": [ "children": ["assembly-option-item-quantity-selector"]
"assembly-option-item-quantity-selector"
]
}, },
"flex-layout.col#product-assembly-image": { "flex-layout.col#product-assembly-image": {
"props": { "props": {
"marginRight": 4 "marginRight": 4
}, },
"children": [ "children": ["assembly-option-item-image"]
"assembly-option-item-image"
]
}, },
"flex-layout.col#product-assembly-middle": { "flex-layout.col#product-assembly-middle": {
"props": { "props": {
@ -96,9 +99,7 @@
"horizontalAlign": "right", "horizontalAlign": "right",
"verticalAlign": "middle" "verticalAlign": "middle"
}, },
"children": [ "children": ["assembly-option-item-quantity-selector"]
"assembly-option-item-quantity-selector"
]
}, },
"assembly-option-item-customize#sec-level": { "assembly-option-item-customize#sec-level": {
"props": { "props": {

View File

@ -98,23 +98,28 @@
}, },
"children": [ "children": [
"flex-layout.row#product-name", "flex-layout.row#product-name",
"product-rating-summary",
"flex-layout.row#list-price-savings",
"flex-layout.row#selling-price",
"product-installments",
"product-separator",
"product-identifier.product", "product-identifier.product",
"product-rating-summary",
"flex-layout.row#selling-price",
"product-installments#parcelas",
// "m3-pix",
"sku-selector", "sku-selector",
"product-quantity",
"product-assembly-options", "product-assembly-options",
"product-gifts", "product-gifts",
"flex-layout.row#buy-button", "html#buy-button",
"availability-subscriber", "availability-subscriber",
"shipping-simulator", "html#m3-shipping-simulator"
"share#default"
] ]
}, },
"product-installments#parcelas": {
"props": {
"blockClass": "desconto",
"installmentsCriteria": "max-quantity-without-interest",
"markers": ["x"],
"message": "{installmentsNumber} <x>x</x> de {installmentValue} sem juros"
}
},
"flex-layout.row#product-name": { "flex-layout.row#product-name": {
"props": { "props": {
"marginBottom": 3 "marginBottom": 3
@ -128,17 +133,34 @@
"showValueNameForImageVariation": true "showValueNameForImageVariation": true
} }
}, },
"html#buy-button": {
"flex-layout.row#buy-button": {
"props": { "props": {
"blockClass": "container__buyButton",
"marginTop": 4, "marginTop": 4,
"marginBottom": 7 "marginBottom": 7,
"paddingRight": 0
}, },
"children": ["add-to-cart-button"] "children": ["html#sizeQuantity", "add-to-cart-button"]
}, },
"html#sizeQuantity": {
"props": {
"blockClass": "quantity",
"testid": "product-quantity"
},
"children": ["product-quantity#size"]
},
"product-quantity#size": {
"props": {
"blockClass": "quantity__wrapper",
"size": "regular",
"width": "25%",
"showLabel": false
}
},
"flex-layout.row#product-availability": { "flex-layout.row#product-availability": {
"props": { "props": {
"blockClass": "indisponivel",
"colGap": 7, "colGap": 7,
"marginTop": 4, "marginTop": 4,
"marginBottom": 7, "marginBottom": 7,
@ -158,8 +180,8 @@
"children": [ "children": [
"flex-layout.row#product-name", "flex-layout.row#product-name",
"product-identifier.product", "product-identifier.product",
"sku-selector", "flex-layout.row#availability",
"flex-layout.row#availability" "sku-selector"
] ]
}, },
"flex-layout.row#availability": { "flex-layout.row#availability": {
@ -168,6 +190,19 @@
}, },
"children": ["availability-subscriber"] "children": ["availability-subscriber"]
}, },
"html#m3-shipping-simulator": {
"props": {
"blockClass": "m3-shipping-simulator"
},
"children": ["rich-text", "shipping-simulator"]
},
"rich-text": {
"props": {
"blockClass": "m3-shipping-simulator-title",
"textAlignment": "LEFT",
"text": "Calcular o frete"
}
},
"share#default": { "share#default": {
"props": { "props": {