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

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#description",
      "html#teste",
      "flex-layout.row#newsletter-container"
    ]
  },

/*
  BREADCRUMB
*/
  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },

/*
  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"
  },
  "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": ["html#product-images"]
},

"html#product-images": {
  "props": {
    "testId": "product-images"
  },
  "children": ["product-images"]
},

"product-images": {
  "props": {
    "thumbnailsOrientation": "horizontal",
    "showPaginationDots": false,
    "showNavigationArrows": false,
    "aspectRatio": {
      "desktop": "auto",
      "phone": "auto"
    },
    "displayThumbnailsArrows": true
  }
},

/*
  DESCRIÇÃO DO PRODUTO SELECIONADO (TAB-LAYOUT#DESCRIPTION)
*/
  "html#container-description": {
    "props": {
      "testId": "product-description",
      "tag": "div",
      "blockClass": "container-description"

    },
    "children": ["flex-layout.row#product-description"]
  },

  "flex-layout.row#product-description": {
    "props": {
      "blockClass": "product-description"
    },
    "children": ["html#image-description", "flex-layout.row#description"]
  },

  "html#image-description":{
    "props": {
      "tag": "div",
      "testId": "product-images",
      "blockClass": "image-description"
    },
    "children": ["product-images#description"]
  },

  "product-images#description":{
    "props": {
      "blockClass": "description",
      "displayMode": "first-image"
    }
  },

  "flex-layout.row#description": {
    "children": ["product-description"]
  },

  "html#description":{
    "props": {
      "testId": "product-description"
    },
    "children": ["tab-layout#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
*/
  "html#teste":{
    "props": {
      "testId": "product-summary-list"
    },
    "children": ["list-context.product-list#prateleira"]
  },

  "list-context.product-list#prateleira": {
    "blocks": ["product-summary.shelf#prateleira"],
    "children": ["rich-text#title-prateleira","html#vtex-product-summary"]
  },

  "product-summary.shelf#prateleira": {
    "children": ["html#product-summary"]
  },

  "html#product-summary": {
    "props":{
      "testId": "product-summary-list",
      "blockClass": "product-summary"
    },
    "children": [
      "product-summary-image#image-prateleira",
      "product-summary-name#name-prateleira",
      "product-list-price#promotion-prateleira",
      "product-selling-price#price-prateleira"
    ]
  },

  "product-summary-image#image-prateleira": {
    "props":{
      "showBadge": false,
      "blockClass": "image-prateleira"
    }
  },

  "product-summary-name#name-prateleira": {
    "props": {
      "blockClass": "name-prateleira"

    }
  },

  "product-list-price#promotion-prateleira":{
    "props": {
      "blockClass": "promotion-prateleira"
    }
  },

  "product-selling-price#price-prateleira":{
    "props": {
      "blockClass": "price-prateleira"
    }
  },

  "rich-text#title-prateleira": {
    "props": {
      "textAlignment": "CENTER",
      "textPosition": "CENTER",
      "text": "Você também pode gostar:",
      "blockClass": "title-prateleira"
      }
  },

  "html#vtex-product-summary":{
    "props":{
      "testId": "vtex-product-summary"
      },
      "children": ["slider-layout#prateleira"]
    },

  "slider-layout#prateleira": {
    "props": {
      "itemsPerPage": {
        "desktop": 4,
        "tablet": 3,
        "phone": 2
      },
      "infinite": true,
      "blockClass": "prateleira"
    }
  },

  /*
    NEWSLETTER
  */

  "flex-layout.row#newsletter-container":{
    "props":{
      "blockClass": "newsletter-container"
    },
    "children": ["flex-layout.row#text-newsletter","newsletter-form#container-newsletter"]
  },

  "flex-layout.row#text-newsletter":{
    "props": {
      "blockClass": "text-newsletter"
    },
    "children": ["rich-text#newsletter-title","rich-text#offer-newsletter" ]
  },

  "rich-text#newsletter-title": {
    "props": {
      "blockClass": "subscriber-newsletter",
      "textAlignment": "center",
      "textPosition": "CENTER",
      "text": "Assine nossa newsletter"
    }
  },

  "rich-text#offer-newsletter": {
    "props": {
      "blockClass": "offer-newsletter",
      "textAlignment": "center",
      "textPosition": "CENTER",
      "text": "Receba ofertas e novidades por e-mail"
    }
  },

  "newsletter-form#container-newsletter": {
    "props": {
      "blockClass": "container-newsletter"
    },
    "children": [
      "html#container-form-input"
    ]
  },

  "html#container-form-input": {
    "props": {
      "blockClass": "container-form-input"
    },
    "children": ["newsletter-input-email", "newsletter-submit"]
  },

  "newsletter-input-email": {
    "props": {
      "placeholderText": "Digite seu e-mail"
    }
  },
  "newsletter-submit": {
    "props": {
      "submitButtonLabel": "Enviar"
    }
  },

  /*
    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": [
      "html#product-name",
      "html#product-code",
      "html#product-price",
      "html#parcelaProdutct",
      "html#pix-discount",
      "availability-subscriber",
      "html#sku-selector",
      "html#buy-button",
      "html#shipping-simulator"
    ]
  },

  "html#product-name": {
    "props": {
      "testId": "product-name"
    },
    "children": ["flex-layout.row#product-name"]
  },

  "flex-layout.row#product-name": {
    "props": {
      "blockClass": "product-name"
    },
    "children": ["vtex.store-components:product-name"]
  },

  "html#product-code":{
    "props": {
      "testId": "product-code"
    },
    "children": ["product-identifier.product"]
  },

  "html#product-price": {
    "props": {
      "testId": "product-price"
    },
    "children": ["flex-layout.row#selling-price"]
  },
  "flex-layout.row#product-price": {
    "props": {
      "blockClass": "selling-price"
    },
    "children": [
      "product-selling-price"
    ]
  },

  "html#parcelaProdutct":{
    "props": {
      "testId": "product-installments"
    },
    "children": ["product-installments#parcelaProduct"]
  },

  "product-installments#parcelaProduct": {
    "props": {
      "installmentsCriteria": "max-quantity-without-interest",
      "markers": ["discount", "x"],
      "blockClass": "divider",
      "message": "{installmentsNumber} <x>x</> <discount>de</discount> {installmentValue} <discount>sem juros</discount>"
    }
  },

  "html#pix-discount":{
    "props": {
      "testId": "pix-price"
    },
    "children": ["pix-discount"]
  },

  "html#sku-selector":{
    "props": {
      "testId": "sku-selector"
    },
    "children": ["sku-selector"]
  },

  "sku-selector": {
    "props": {
      "blockClass": "sku-selector",
      "imageHeight": 48,
      "imageWidth": 48,
      "variationsSpacing": 3,
      "showValueNameForImageVariation": true
    }
  },

  "html#buy-button": {
    "props": {
      "tag": "div",
      "testId": "add-to-cart-button",
      "blockClass": "buy-button"
    },
    "children": ["html#product-quantity","add-to-cart-button"]
  },

  "html#product-quantity":{
    "props": {
      "testId": "product-quantity",
      "blockClass": "product-quantity"
    },
    "children": ["product-quantity"]
  },

  "html#shipping-simulator":{
    "props": {
      "testId": "shipping-simulator"
    },
    "children": ["flex-layout.col#shipping-simulator"]
  },

  "flex-layout.col#shipping-simulator":{
    "props":{
      "blockClass": "shipping-simulator"
    },
    "children": ["shipping-simulator"]
  },

  /*
    ASSINANTES DE PRODUTOS INDISPONIVEIS
  */
  "flex-layout.row#product-availability": {
    "props": {
      "blockClass": "product-availability"
    },
    "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",
      "html#product-code",
      "flex-layout.row#availability",
      "sku-selector"
    ]
  },
  "flex-layout.row#availability": {
    "props": {
      "blockClass": "message-availability"
    },
    "children": ["availability-subscriber"]
  }

}