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

468 lines
9.1 KiB
Plaintext

{
"store.product": {
"children": [
"html#breadcrumb",
"condition-layout.product#availability",
"html#product-description",
// "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": [
//este cara foi trocado por html#imagens
"html#imagens",
"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,
"blockClass":"stack"
}
},
"flex-layout.row#product-image": {
"children": ["product-images"]
},
"html#imagens":{
"props":{
"testId": "product-images"
},
"children": ["product-images"]
},
"product-images": {
"props": {
"aspectRatio": {
"desktop": "auto",
"phone": "auto"
},
"displayThumbnailsArrows": false,
"thumbnailsOrientation": "horizontal",
"showNavigationArrows": false,
"maxHeight":900
}
},
"flex-layout.col#right-col": {
"props": {
"preventVerticalStretch": true,
"rowGap": 0,
"blockClass":"right-col"
},
"children": [
"html#product-name",
"html#codigo",
"product-rating-summary",
"flex-layout.row#selling-price",
"html#pixzap",
"html#product-installments",
// "product-separator",
// "product-identifier.product",
"html#sku-selector",
"html#box-buy",
"product-assembly-options",
"product-gifts",
// "flex-layout.row#buy-button",
"availability-subscriber",
"html#shipping-simulator",
"share#default"
]
},
//criando este bloco e trocando na chamada acima
"html#product-name": {
"props": {
"testId": "product-name"
},
"children": ["vtex.store-components:product-name"]
},
"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
},
"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
}
}
},
"image#image-1": {
"props":{
"src":"assets/sandalia-image.png",
"maxHeight": "48%",
"maxWidth":"48%",
"blockClass":"imageElement"
}
},
"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"
]
},
"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"
}
},
"tab-content#home": {
"props" : {
"defaultActiveTab": true
},
"children": [
"tab-content.item#home1",
"tab-content.item#home2",
"tab-content.item#home3",
"tab-content.item#home4",
"tab-content.item#home5"
]
},
"tab-content.item#home1": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description1"
}
},
"tab-content.item#home2": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description2"
}
},
"tab-content.item#home3": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description3"
}
},
"tab-content.item#home4": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description4"
}
},
"tab-content.item#home5": {
"children": [
"image#image-1",
"product-description"
],
"props": {
"tabId":"description5"
}
},
"html#box-buy" : {
"props":{
"blockClass": "m3-boxBuy"
},
"children":[ "html#product-quantity", "html#add-to-cart-button"]
},
// "flex-layout.col#button-2":{
// "children": ["flex-layout.row#buy-button"]
// },
"html#add-to-cart-button": {
"props":{
"testId": "add-to-cart-button",
"blockClass": "m3buyButton"
},
"children":["add-to-cart-button"]
},
"html#product-quantity": {
"props":{
"testId": "product-quantity"
},
"children":["product-quantity#1"]
},
"product-quantity#1":{
"props":{
"width":"25%",
"size":"large",
"snowLabel": false
}
},
//estilizando os blocos do carousel
"list-context.product-list#demo1": {
"blocks": ["product-summary.shelf#demo1"],
"children": ["html#slider"]
},
"product-summary.shelf#demo1": {
"children": [
"html#prateleira"
]
},
"slider-layout#demo-products": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 2
},
"infinite": true,
"showNavigationArrows": "always",
"blockClass": "carousel"
}
},
"rich-text#1": {
"props": {
"text": "Você também pode gostar:",
"blockClass": "m3-richText"
}
},
//blocos htmls
"html#codigo": {
//não rodou
"props":{
"testId": "product-code",
"blockClass": "codigo"
},
"children":["product-identifier.product"]
},
"html#selling-price": {
"props":{
"testId": "product-price"
},
"children":["product-selling-price"]
},
"html#product-installments": {
"props":{
"testId": "product-installments"
},
"children":["product-installments"]
},
"html#pixzap": {
"props":{
"testId": "pix-price"
},
"children":["example-component"]
},
"html#sku-selector": {
"props":{
"testId": "sku-selector",
"blockClass": "m3-skuSelector"
},
"children":["sku-selector"]
},
"html#shipping-simulator": {
"props":{
"testId": "shipping-simulator"
},
"children":["shipping-simulator"]
},
"html#product-description": {
"props":{
"testId": "product-description"
},
"children":["tab-layout#home"]
},
"html#slider": {
"props":{
"testId": "product-summary-list"
},
"children":["slider-layout#demo-products"]
},
"html#prateleira": {
"props":{
"testId": "vtex-product-summary"
},
"children":[
"product-summary-image",
"product-summary-name",
"product-list-price",
"product-selling-price"]
}
}