challenge-vtex-io-henrique-.../store/blocks/pdp/product.jsonc

258 lines
5.5 KiB
Plaintext

{
"store.product": {
"children": [
"html#breadcrumb",
"condition-layout.product#availability",
"flex-layout.row#product-specifications",
"html#pdp-slider-shelf-title",
"html#list-context-pdp-shelf",
"newsletter",
"product-questions-and-answers"
]
},
"html#breadcrumb": {
"props": {
"tag": "section",
"testId": "breadcrumbs",
"blockClass": "pdp-breadcrumb"
},
"children": ["breadcrumb#pdp-breadcrumb"]
},
"breadcrumb#pdp-breadcrumb": {
"props": {
"homeIconSize": 0,
"showOnMobile": true
}
},
"html#product-images": {
"props": {
"blockClass": "productImages",
"testId": "product-images"
},
"children": ["flex-layout.row#product-image"]
},
"flex-layout.row#product-image": {
"title": "LAYOUT: exibição do carossel de images do produto",
"children": ["product-images"]
},
"product-images": {
"title": "BLOCO: exibição do carossel de imagens do produto",
"props": {
"aspectRatio": "1:1",
"thumbnailAspectRatio": "1:1",
"thumbnailsOrientation": "horizontal",
"displayThumbnailsArrows": false,
"thumbnailVisibility": "visible",
"showNavigationArrows": false,
"showPaginationDots": false,
"thumbnailMaxHeight": 90
}
},
"flex-layout.row#product-main": {
"props": {
"colGap": 7,
"rowGap": 7,
"marginTop": 5,
"marginBottom": 7,
"preserveLayoutOnMobile": false,
"blockClass": "productMain"
},
"children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
},
"stack-layout": {
"props": {
"blockClass": "product"
},
"children": [
"html#product-images",
"product-bookmark",
"product-specification-badges"
]
},
"condition-layout.product#availability": {
"props": {
"conditions": [
{
"subject": "isProductAvailable"
}
],
"Then": "flex-layout.row#product-main",
"Else": "flex-layout.row#product-availability"
}
},
"product-specification-badges": {
"props": {
"specificationGroupName": "Group",
"specificationName": "On Sale",
"visibleWhen": "True",
"displayValue": "SPECIFICATION_NAME"
}
},
"flex-layout.col#stack": {
"children": ["stack-layout"],
"props": {
"width": "60%",
"rowGap": 0
}
},
"flex-layout.col#right-col": {
"props": {
"blockClass": "productInformations",
"preventVerticalStretch": true,
"rowGap": 0
},
"children": [
"flex-layout.row#product-name",
"flex-layout.row#selling-price",
"product-installments",
"html#sku-selector",
"product-gifts",
"flex-layout.row#pdp-buy-actions",
"availability-subscriber",
"shipping-simulator"
]
},
"product-installments": {
"props": {
"markers": ["discount"],
"message": "{installmentsNumber}x {installmentValue}{hasInterest, select, true { {interestRate} de juros} false { sem juros}}"
}
},
"flex-layout.row#product-name": {
"props": {
"marginBottom": 5,
"preserveLayoutOnMobile": true
},
"children": ["flex-layout.col#product-name"]
},
"flex-layout.col#product-name": {
"props": {
"blockClass": "productName",
"rowGap": 3
},
"children": [
"vtex.store-components:product-name",
"product-identifier.product#pdp-identifier"
]
},
"product-identifier.product#pdp-identifier": {
"props": {
"label": "hide"
}
},
"html#sku-selector": {
"props": {
"testId": "sku-selector"
},
"children": ["sku-selector"]
},
"sku-selector": {
"props": {
"variationsSpacing": 3,
"showValueNameForImageVariation": true
}
},
"flex-layout.row#pdp-buy-actions": {
"props": {
"marginTop": 5,
"marginBottom": 5,
"colSizing": "auto",
"colGap": 5,
"rowGap": 5,
"blockClass": "productActions"
},
"children": ["html#pdp-product-quantity", "html#add-to-cart-button"]
},
"flex-layout.row#buy-button": {
"props": {
"marginTop": 4,
"marginBottom": 7,
"blockClass": "productAddToCart"
},
"children": ["html#add-to-cart-button"]
},
"html#add-to-cart-button": {
"props": {
"testId": "add-to-cart-button"
},
"children": ["add-to-cart-button#pdp-add-to-cart-button"]
},
"html#pdp-product-quantity": {
"props": {
"testId": "product-quantity"
},
"children": ["product-quantity"]
},
"product-quantity": {
"props": {
"showLabel": false
}
},
"add-to-cart-button#pdp-add-to-cart-button": {
"props": {
"text": "Adicionar à sacola",
"blockClass": "productAddToCartButton"
}
},
"flex-layout.row#product-availability": {
"props": {
"colGap": 7,
"rowGap": 7,
"marginTop": 5,
"marginBottom": 7,
"blockClass": "productAvailability"
},
"children": [
"flex-layout.col#stack",
"flex-layout.col#right-col-availability"
]
},
"flex-layout.col#right-col-availability": {
"props": {
"preventVerticalStretch": true,
"rowGap": 0,
"blockClass": "info-availability"
},
"children": [
"flex-layout.row#product-name",
"flex-layout.row#availability",
"sku-selector"
]
},
"flex-layout.row#availability": {
"props": {
"blockClass": "message-availability"
},
"children": ["availability-subscriber"]
}
}