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

258 lines
5.5 KiB
Plaintext

{
"store.product": {
"children": [
/*"html#breadcrumb",*/
"breadcrumb#teste1",
"condition-layout.product#availability",
"html#description",
/*"flex-layout.row#description",*/
"flex-layout.row#specifications-title",
"product-specification-group#table",
"shelf.relatedProducts",
"product-questions-and-answers"
]
},
"html#description": {
"props": {
"tag": "section",
"testId": "description",
"blockClass": "description-container"
},
"children": ["html#description-image", "product-description"]
},
"html#description-image": {
"children": ["product-images#description"]
},
"product-images#description": {
"props": {
"displayMode": "first-image",
"blockClass": "description-imagem"
}
},
"breadcrumb#teste1": {
"props": {
"blockClass": "testebread",
"showOnMobile": true
}
},
"html#breadcrumb": {
"props": {
"tag": "section",
"testId": "breadcrumbs",
"blockClass": "pdp-breadcrumb"
},
"children": ["breadcrumb"]
},
"flex-layout.row#specifications-title": {
"children": ["rich-text#specifications"]
},
"rich-text#specifications": {
"props": {
"text": "##### Product Specifications"
}
},
"product-description": {
"props": {
"marginBottom": 7,
"blockClass": "descricao"
}
},
"condition-layout.product#availability": {
"props": {
"conditions": [
{
"subject": "isProductAvailable"
}
],
"Then": "flex-layout.row#product-main",
"Else": "flex-layout.row#product-availability"
}
},
"flex-layout.row#product-main": {
"props": {
"colGap": 7,
"rowGap": 7,
"marginTop": 5,
"marginBottom": 7,
"paddingBottom": 7
},
"children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
},
"stack-layout": {
"props": {
"blockClass": "product"
},
"children": [
"flex-layout.row#product-image",
"product-bookmark",
"product-specification-badges"
]
},
"product-specification-badges": {
"props": {
"specificationGroupName": "Group",
"specificationName": "On Sale",
"visibleWhen": "True",
"displayValue": "SPECIFICATION_NAME"
}
},
"flex-layout.col#stack": {
"children": ["stack-layout"],
"props": {
"width": "46%",
"rowGap": 0
}
},
"flex-layout.row#product-image": {
"children": ["product-images"]
},
"product-images": {
"props": {
"showNavigationArrows": false,
"showPaginationDots": false,
"thumbnailAspectRatio": "1:1",
"thumbnailMaxHeight": 90,
"thumbnailsOrientation": "horizontal",
"aspectRatio": {
"desktop": "1:1",
"phone": "16:9"
},
"displayThumbnailsArrows": false
}
},
"flex-layout.col#right-col": {
"props": {
"preventVerticalStretch": true,
"rowGap": 0,
"width": "46%"
},
"children": [
"flex-layout.row#product-name",
"html#codigo",
"product-rating-summary",
/*"flex-layout.row#list-price-savings", desconto*/
"flex-layout.row#selling-price",
"product-installments",
/*"product-separator",*/
"sku-selector",
/*"product-quantity",*/
"product-assembly-options",
"product-gifts",
/*"flex-layout.row#buy-button",*/
"html#qtd-btn",
"availability-subscriber",
"shipping-simulator"
/*"share#default"*/
]
},
"product-installments": {
"props": {
"installmentsCriteria": "max-quantity-without-interest",
"blockClass": "parcelamentos"
}
},
"flex-layout.row#product-name": {
"props": {
"marginBottom": 3,
"blockClass": "name"
},
"children": ["vtex.store-components:product-name"]
},
"html#codigo": {
"props": {
"blockClass": "codigo"
},
"children": ["product-identifier.product"]
},
"sku-selector": {
"props": {
"variationsSpacing": 3,
"showValueNameForImageVariation": true,
"blockClass": "skus"
}
},
"flex-layout.row#buy-button": {
"props": {
"marginTop": 4,
"marginBottom": 7,
"blockClass": "container-btn"
},
"children": ["add-to-cart-button"]
},
"html#qtd-btn": {
"props": {
"tag": "div",
"testId": "qtd-btn",
"blockClass": "qtd-btn"
},
"children": ["product-quantity", "add-to-cart-button"]
},
"product-quantity": {
"props": {
"blockClass": "quantidade"
}
},
"flex-layout.row#product-availability": {
"props": {
"colGap": 7,
"marginTop": 4,
"marginBottom": 7,
"paddingTop": 7
},
"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",
"product-identifier.product",
"sku-selector",
"flex-layout.row#availability"
]
},
"flex-layout.row#availability": {
"props": {
"blockClass": "message-availability"
},
"children": ["availability-subscriber"]
},
"share#default": {
"props": {
"social": {
"Facebook": true,
"WhatsApp": true,
"Twitter": false,
"Pinterest": true
}
}
},
"shipping-simulator": {
"props": {
"blockClass": "frete"
}
}
}