324 lines
7.0 KiB
Plaintext
324 lines
7.0 KiB
Plaintext
{
|
|
"store.product": {
|
|
"children": [
|
|
"html#breadcrumb",
|
|
"condition-layout.product#availability",
|
|
"tab-layout#description",
|
|
"list-context.product-list#prateleira"
|
|
]
|
|
},
|
|
|
|
/*
|
|
BREADCRUMB
|
|
*/
|
|
"html#breadcrumb": {
|
|
"props": {
|
|
"tag": "section",
|
|
"testId": "breadcrumbs",
|
|
"blockClass": "pdp-breadcrumb"
|
|
},
|
|
"children": ["breadcrumb"]
|
|
},
|
|
|
|
/*
|
|
DESCRIÇÃO DO PRODUTO SELECIONADO (TAB-LAYOUT#description)
|
|
*/
|
|
"html#container-description": {
|
|
"props": {
|
|
"tag": "div",
|
|
"blockClass": "container-description"
|
|
},
|
|
"children": ["flex-layout.row#product-description"]
|
|
},
|
|
|
|
"flex-layout.row#product-description": {
|
|
"children": ["html#image-description", "flex-layout.row#description"]
|
|
},
|
|
|
|
"html#image-description":{
|
|
"props": {
|
|
"tag": "div",
|
|
"testId": "product-images",
|
|
"blockClass": "image-description"
|
|
},
|
|
"children": ["image#product"]
|
|
},
|
|
|
|
"image#product": {
|
|
"props": {
|
|
"src": "https://agenciamagma.vtexassets.com/arquivos/ids/164491-800-auto?v=637781133812700000&width=800&height=auto&aspect=true"
|
|
}
|
|
},
|
|
|
|
"flex-layout.row#description": {
|
|
"children": ["product-description"]
|
|
},
|
|
|
|
|
|
"tab-layout#description": {
|
|
"children": ["tab-list#description", "tab-content#description"],
|
|
"props": {
|
|
"blockClass": "description",
|
|
"defaultActiveTabId": "descricao1"
|
|
}
|
|
},
|
|
|
|
"tab-list#description": {
|
|
"children": [
|
|
"tab-list.item#descricao1",
|
|
"tab-list.item#descricao2",
|
|
"tab-list.item#descricao3",
|
|
"tab-list.item#descricao4",
|
|
"tab-list.item#descricao5"
|
|
]
|
|
},
|
|
|
|
"tab-list.item#descricao1": {
|
|
"props": {
|
|
"tabId": "descricao1",
|
|
"label": "Descrição",
|
|
"defaultActiveTab": true
|
|
}
|
|
},
|
|
|
|
"tab-list.item#descricao2": {
|
|
"props": {
|
|
"tabId": "descricao2",
|
|
"label": "Descrição"
|
|
}
|
|
},
|
|
|
|
"tab-list.item#descricao3": {
|
|
"props": {
|
|
"tabId": "descricao3",
|
|
"label": "Descrição"
|
|
}
|
|
},
|
|
|
|
"tab-list.item#descricao4": {
|
|
"props": {
|
|
"tabId": "descricao4",
|
|
"label": "Descrição"
|
|
}
|
|
},
|
|
|
|
"tab-list.item#descricao5": {
|
|
"props": {
|
|
"tabId": "descricao5",
|
|
"label": "Descrição"
|
|
}
|
|
},
|
|
|
|
"tab-content#description": {
|
|
"children": [
|
|
"tab-content.item#descricao1",
|
|
"tab-content.item#descricao2",
|
|
"tab-content.item#descricao3",
|
|
"tab-content.item#descricao4",
|
|
"tab-content.item#descricao5"
|
|
]
|
|
},
|
|
|
|
"tab-content.item#descricao1": {
|
|
"children": ["html#container-description"],
|
|
"props": { "tabId": "descricao1" }
|
|
},
|
|
|
|
"tab-content.item#descricao2": {
|
|
"children": ["html#container-description"],
|
|
"props": { "tabId": "descricao2" }
|
|
},
|
|
|
|
"tab-content.item#descricao3": {
|
|
"children": ["html#container-description"],
|
|
"props": { "tabId": "descricao3" }
|
|
},
|
|
|
|
"tab-content.item#descricao4": {
|
|
"children": ["html#container-description"],
|
|
"props": { "tabId": "descricao4" }
|
|
},
|
|
|
|
"tab-content.item#descricao5": {
|
|
"children": ["html#container-description"],
|
|
"props": { "tabId": "descricao5" }
|
|
},
|
|
|
|
/*
|
|
PRATELEIRA DE PRODUTOS QUE QUE O CLIENTE PODE GOSTAR
|
|
*/
|
|
"list-context.product-list#prateleira": {
|
|
"blocks": ["product-summary.shelf#prateleira"],
|
|
"children": ["slider-layout#demo-products"]
|
|
},
|
|
|
|
"product-summary.shelf#prateleira": {
|
|
"children": [
|
|
"stack-layout#prodsum",
|
|
"product-summary-name",
|
|
"product-list-price",
|
|
"product-selling-price"
|
|
]
|
|
},
|
|
|
|
/*
|
|
IMAGEM DO PRODUTO PRINCIPAL, E CARROUSEL DE IMAGENS DO PRODUTO
|
|
*/
|
|
"condition-layout.product#availability": {
|
|
"props": {
|
|
"blockClass": "availability",
|
|
"conditions": [
|
|
{
|
|
"subject": "isProductAvailable"
|
|
}
|
|
],
|
|
"Then": "flex-layout.row#product-main",
|
|
"Else": "flex-layout.row#product-availability"
|
|
}
|
|
},
|
|
"flex-layout.row#product-main": {
|
|
"props": {
|
|
"blockClass":"main",
|
|
"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": {
|
|
"blockClass": "stack",
|
|
"width": "50%",
|
|
"rowGap": 0
|
|
}
|
|
},
|
|
"flex-layout.row#product-image": {
|
|
"children": ["product-images"]
|
|
},
|
|
"product-images": {
|
|
"props": {
|
|
"thumbnailsOrientation": "horizontal",
|
|
"showPaginationDots": false,
|
|
"showNavigationArrows": false,
|
|
"aspectRatio": {
|
|
"desktop": "auto",
|
|
"phone": "16:9"
|
|
},
|
|
"displayThumbnailsArrows": true
|
|
}
|
|
},
|
|
|
|
/*
|
|
INFORMAÇÕES DO PRODUTO (NOME, ID, PREÇO, PARCELA, CORES, TAMANHOS ETC..)
|
|
*/
|
|
"flex-layout.col#right-col": {
|
|
"props": {
|
|
"blockClass": "right-col",
|
|
"preventVerticalStretch": true,
|
|
"rowGap": 0
|
|
},
|
|
"children": [
|
|
"flex-layout.row#product-name",
|
|
"product-identifier.product",
|
|
"flex-layout.row#selling-price",
|
|
"product-installments#parcelaProduct",
|
|
"availability-subscriber",
|
|
"sku-selector",
|
|
"html#buy-button",
|
|
"shipping-simulator"
|
|
]
|
|
},
|
|
|
|
"flex-layout.row#product-name": {
|
|
"props": {
|
|
"marginBottom": 3
|
|
},
|
|
"children": ["vtex.store-components:product-name"]
|
|
},
|
|
|
|
"product-installments#parcelaProduct": {
|
|
"props": {
|
|
"markers": ["discount", "x"],
|
|
"blockClass": "divider",
|
|
"message": "{installmentsNumber} <x>x</> <discount>de</discount> {installmentValue} <discount>sem juros</discount>"
|
|
}
|
|
},
|
|
|
|
"sku-selector": {
|
|
"props": {
|
|
"blockClass": "sku-selector",
|
|
"imageHeight": 40,
|
|
"imageWidth": 40,
|
|
"variationsSpacing": 3,
|
|
"showValueNameForImageVariation": true
|
|
}
|
|
},
|
|
|
|
"html#buy-button": {
|
|
"props": {
|
|
"tag": "div",
|
|
"testId": "buy-button",
|
|
"blockClass": "buy-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",
|
|
"flex-layout.row#availability",
|
|
"sku-selector"
|
|
]
|
|
},
|
|
"flex-layout.row#availability": {
|
|
"props": {
|
|
"blockClass": "message-availability"
|
|
},
|
|
"children": ["availability-subscriber"]
|
|
}
|
|
|
|
}
|