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

335 lines
6.5 KiB
Plaintext
Raw Normal View History

{
"store.product": {
"children": [
2023-01-20 14:59:33 +00:00
"html#breadcrumb",
"condition-layout.product#availability",
2023-01-31 20:29:57 +00:00
"tab-layout#home",
// "product-specification-group#table",
// "shelf.relatedProducts",
"rich-text#1",
"list-context.product-list#demo1",
"newsletter",
"product-questions-and-answers"
]
},
"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"
}
},
"flex-layout.row#description": {
"props": {
"marginBottom": 7
},
"children": ["product-description"]
},
"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": 4,
"marginBottom": 7,
"paddingTop": 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": "51%",
2023-01-31 20:29:57 +00:00
"rowGap": 0,
"blockClass":"stack"
}
},
"flex-layout.row#product-image": {
"children": ["product-images"]
},
"product-images": {
"props": {
"aspectRatio": {
"desktop": "auto",
"phone": "16:9"
},
2023-01-27 14:41:29 +00:00
"displayThumbnailsArrows": false,
"thumbnailsOrientation": "horizontal",
2023-01-27 14:41:29 +00:00
"showNavigationArrows": false,
"maxHeight":900
}
},
2023-01-27 14:41:29 +00:00
"flex-layout.col#right-col": {
"props": {
"preventVerticalStretch": true,
2023-01-31 20:29:57 +00:00
"rowGap": 0,
"blockClass":"right-col"
},
"children": [
"flex-layout.row#product-name",
"product-identifier.product",
"product-rating-summary",
"flex-layout.row#selling-price",
"product-installments",
"example-component",
// "product-separator",
// "product-identifier.product",
"sku-selector",
"flex-layout.row#box-buy",
"product-assembly-options",
"product-gifts",
// "flex-layout.row#buy-button",
"availability-subscriber",
"shipping-simulator",
"share#default"
]
},
"flex-layout.row#product-name": {
"props": {
"marginBottom": 3
},
"children": ["vtex.store-components:product-name"]
},
"sku-selector": {
"props": {
"variationsSpacing": 3,
"showValueNameForImageVariation": true
}
},
"flex-layout.row#buy-button": {
"props": {
"marginTop": 4,
"marginBottom": 7,
"blockClass":"m3-buyButton"
},
"children": ["add-to-cart-button"]
},
"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": false,
"WhatsApp": true,
"Twitter": false,
"Pinterest": true
}
}
2023-01-27 14:41:29 +00:00
},
"image#image-1": {
"props":{
"src":"assets/sandalia-image.png",
"maxHeight": "48%",
"maxWidth":"48%",
2023-01-27 14:41:29 +00:00
"blockClass":"imageElement"
}
2023-01-31 20:29:57 +00:00
},
"tab-layout#home": {
"children": [
"tab-list#home",
"tab-content#home"
]
},
"tab-list#home": {
"children": [
"tab-list.item#home1",
"tab-list.item#home2",
"tab-list.item#home3",
"tab-list.item#home4",
"tab-list.item#home5"
2023-01-31 20:29:57 +00:00
]
},
"tab-list.item#home1": {
"props": {
"tabId": "description1",
"label": "Descrição",
"defaultActiveTab": true
}
},
"tab-list.item#home2": {
"props": {
"tabId": "description2",
"label": "Descrição"
}
},
"tab-list.item#home3": {
"props": {
"tabId": "description3",
"label": "Descrição"
}
},
"tab-list.item#home4": {
"props": {
"tabId": "description4",
"label": "Descrição"
}
},
"tab-list.item#home5": {
"props": {
"tabId": "description5",
"label": "Descrição"
}
2023-01-31 20:29:57 +00:00
},
"tab-content#home": {
"props" : {
"defaultActiveTab": true
},
"children": [
"tab-content.item#home1"
]
},
"tab-content.item#home1": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description1"
}
},
"flex-layout.row#box-buy" : {
"props":{
"blockClass": "box-buy"
},
"children":[ "product-quantity#1","flex-layout.col#button-2"]
},
"flex-layout.col#button-2":{
"children": ["flex-layout.row#buy-button"]
},
"product-quantity#1":{
"props":{
"width":"25%",
"size":"large"
}
},
//estilizando os blocos do carousel
"list-context.product-list#demo1": {
"blocks": ["product-summary.shelf#demo1"],
"children": ["slider-layout#demo-products"]
},
"product-summary.shelf#demo1": {
"children": [
"product-summary-image",
"product-summary-name",
"product-summary-price"
]
},
"slider-layout#demo-products": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 2
},
"infinite": true,
"showNavigationArrows": "desktopOnly",
"blockClass": "carousel"
}
// "children": ["rich-text#1"]
},
"rich-text#1": {
"props": {
"text": "Você também pode gostar:"
}
}
2023-01-31 20:29:57 +00:00
}