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

359 lines
7.4 KiB
Plaintext

{
"store.product": {
"children": [
"html#breadcrumb",
"condition-layout.product#availability",
"tab-layout#desc",
"flex-layout.row#specifications-title",
"list-context.product-list#demo1",
"product-questions-and-answers",
"newsletter"
]
},
"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,
"marginBottom": 7,
"paddingBottom": 7
},
"children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
},
"stack-layout": {
"props": {
"blockClass": "product"
},
"children": [
"html#product-images",
"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%",
"rowGap": 0
}
},
"html#product-images": {
"props": {
"testId": "product-images"
},
"children": ["product-images"]
},
"product-images": {
"props": {
"aspectRatio": {
"desktop": "auto",
"phone": "16:9"
},
"thumbnailsOrientation": "horizontal",
"displayThumbnailsArrows": false,
"showNavigationArrows": false,
"showPaginationDots": false
}
},
"flex-layout.col#right-col": {
"props": {
"preventVerticalStretch": true,
"rowGap": 0
},
"children": [
"flex-layout.row#product-name",
"product-identifier.product",
"product-rating-summary",
"flex-layout.row#selling-price",
"Parcelamento",
"pix",
"sku-selector",
"html#quantityAndButton",
"Placeholder",
"product-assembly-options",
"product-gifts",
"availability-subscriber",
"shipping-simulator"
]
},
"shipping-simulator": {
"props": {
"testId": "shipping-simulator"
}
},
"flex-layout.row#product-name": {
"props": {
"marginBottom": 3
},
"children": ["vtex.store-components:product-name"]
},
"pix": {
"props": {
"marginBottom": 16,
"marginTop": 8
}
},
"Parcelamento": {
"props": {
"marginBottom": 8
}
},
"sku-selector": {
"props": {
"variationsSpacing": 3,
"showValueNameForImageVariation": true
}
},
"html#quantityAndButton": {
"props": {
"blockClass": "Quantity-Button"
},
"children": ["product-quantity", "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"]
},
"flex-layout.col#image-description": {
"props": {
"blockClass": "image-description"
},
"children": ["image#img-descricao"]
},
"image#img-descricao": {
"props": {
"blockClass": "img-descricao",
"src": "https://agenciamagma.vtexassets.com/arquivos/ids/164491-800-auto?v=637781133812700000&width=800&height=auto&aspect=true"
}
},
"flex-layout.col#description": {
"props": { "blockClass": "description" },
"children": ["product-description"]
},
"tab-layout#desc": {
"children": ["tab-list#home", "tab-content#desc"],
"props": {
"blockClass": "desc",
"defaultActiveTabId": "desc1"
}
},
"tab-list#home": {
"children": [
"tab-list.item#desc1",
"tab-list.item#desc2",
"tab-list.item#desc3",
"tab-list.item#desc4",
"tab-list.item#desc5"
]
},
"tab-list.item#desc1": {
"props": {
"tabId": "desc1",
"label": "Descrição",
"defaultActiveTab": true
}
},
"tab-list.item#desc2": {
"props": {
"tabId": "desc2",
"label": "Descrição"
}
},
"tab-list.item#desc3": {
"props": {
"tabId": "desc3",
"label": "Descrição"
}
},
"tab-list.item#desc4": {
"props": {
"tabId": "desc4",
"label": "Descrição"
}
},
"tab-list.item#desc5": {
"props": {
"tabId": "desc5",
"label": "Descrição"
}
},
"tab-content#desc": {
"children": [
"tab-content.item#desc1",
"tab-content.item#desc2",
"tab-content.item#desc3",
"tab-content.item#desc4",
"tab-content.item#desc5"
]
},
"tab-content.item#desc1": {
"children": ["flex-layout.row#description-row"],
"props": {
"tabId": "desc1"
}
},
"tab-content.item#desc2": {
"children": ["flex-layout.row#description-row"],
"props": {
"tabId": "desc2"
}
},
"tab-content.item#desc3": {
"children": ["flex-layout.row#description-row"],
"props": {
"tabId": "desc3"
}
},
"tab-content.item#desc4": {
"children": ["flex-layout.row#description-row"],
"props": {
"tabId": "desc4"
}
},
"tab-content.item#desc5": {
"children": ["flex-layout.row#description-row"],
"props": {
"tabId": "desc5"
}
},
"flex-layout.row#description-row": {
"props": {
"blockClass": "description-row"
},
"children": [
"flex-layout.col#image-description",
"flex-layout.col#description"
]
},
"share#default": {
"props": {
"social": {
"Facebook": true,
"WhatsApp": true,
"Twitter": false,
"Pinterest": true
}
}
},
"list-context.product-list#demo1": {
"blocks": ["product-summary.shelf#demo1"],
"children": ["slider-layout#demo-products"]
},
"product-summary.shelf#demo1": {
"children": [
"product-summary-name",
"product-summary-description",
"product-summary-image",
"product-summary-price",
"product-summary-sku-selector",
"product-summary-buy-button"
]
},
"product-summary-image": {
"props": {
"aspectRatio": {
"desktop": "1:1"
}
}
},
"slider-layout#demo-products": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 2
},
"infinite": true,
"showNavigationArrows": "always",
"blockClass": "carousel"
}
}
}