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

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "tab-layout",
      "rich-text#carousel",
      "list-context.product-list#product-carousel",
      "product-questions-and-answers",
      "newsletter"
    ]
  },

  // Breadcrumb

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

  // Produto

  "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": {
      "blockClass": "product-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"
    ]
  },

  // Imagens de produto

  "flex-layout.col#stack": {
    "children": ["stack-layout"],
    "props": {
      // "width": "60%",
      "rowGap": 0
    }
  },
  "flex-layout.row#product-image": {
    "children": ["html#product-images"]
  },
  "html#product-images": {
    "children": ["product-images"],
    "props": {
      "testId": "product-images"
    }
  },

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

  // Especificações de produto

  "flex-layout.col#right-col": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0
    },
    "children": [
      "flex-layout.row#product-name",
      "product-identifier.product",
      "flex-layout.row#selling-price",
      "product-installments",
      "html#pix-price",
      "html#sku-selector",
      "html#buy-button",
      "product-gifts",
      "availability-subscriber",
      "rich-text#labelCep",
      "shipping-simulator"
    ]
  },

  // Título CEP

  "rich-text#labelCep": {
    "props": {
      "blockClass": "labelCep",
      "text": "CALCULAR FRETE:"
    }
  },

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

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

  "sku-selector": {
    "props": {
      "variationsSpacing": 3,
      "showValueNameForImageVariation": true,
      "blockClass": "size-sku"
    }
  },

  // Parcelamento

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

  // Quantidade e botão de compra

  "html#buy-button": {
    "props": {
      "blockClass": "buy-button"
    },
    "children": ["html#product-quantity-size", "html#cart-button"]
  },

  "html#cart-button": {
    "children": ["add-to-cart-button"],
    "props": {
      "testId": "add-to-cart-button",
      "blockClass": "cart-button"
    }
  },

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

  "product-quantity#size": {
    "props": {
      "size": "large",
      "width": "28%",
      "showLabel": false
    }
  },

  // Produto indisponível

  "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"
    ]
  },

  // Formulário produto indisponível

  "flex-layout.row#availability": {
    "props": {
      "blockClass": "message-availability"
    },
    "children": ["availability-subscriber"]
  },

  // Desconto Pix

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

  // Descrição

  "tab-layout": {
    "children": ["tab-list", "tab-content"],
    "props": {
      "blockClass": "tabLayout"
    }
  },

  "tab-list": {
    "children": [
      "tab-list.item#1",
      "tab-list.item#2",
      "tab-list.item#3",
      "tab-list.item#4",
      "tab-list.item#5"
    ],
    "props": {
      "blockClass": "tabList"
    }
  },

  "tab-content": {
    "children": [
      "tab-content.item#1",
      "tab-content.item#2",
      "tab-content.item#3",
      "tab-content.item#4",
      "tab-content.item#5"
    ],
    "props": {
      "blockClass": "tabContent"
    }
  },

  "tab-list.item#1": {
    "props": {
      "tabId": "description#1",
      "label": "Descrição",
      "defaultActiveTab": true
    }
  },

  "tab-list.item#2": {
    "props": {
      "tabId": "description#2",
      "label": "Descrição"
    }
  },

  "tab-list.item#3": {
    "props": {
      "tabId": "description#3",
      "label": "Descrição"
    }
  },

  "tab-list.item#4": {
    "props": {
      "tabId": "description#4",
      "label": "Descrição"
    }
  },

  "tab-list.item#5": {
    "props": {
      "tabId": "description#5",
      "label": "Descrição"
    }
  },

  "tab-content.item#1": {
    "children": ["product-images#description", "rich-text#1"],
    "props": {
      "tabId": "description#1"
    }
  },
  "tab-content.item#2": {
    "children": ["product-images#description", "rich-text#2"],
    "props": {
      "tabId": "description#2"
    }
  },
  "tab-content.item#3": {
    "children": ["product-images#description", "rich-text#3"],
    "props": {
      "tabId": "description#3"
    }
  },
  "tab-content.item#4": {
    "children": ["product-images#description", "rich-text#4"],
    "props": {
      "tabId": "description#4"
    }
  },
  "tab-content.item#5": {
    "children": ["product-images#description", "rich-text#5"],
    "props": {
      "tabId": "description#5"
    }
  },

  "product-images#description": {
    "props": {
      "aspectRatio": {
        "desktop": "auto",
        "phone": "16:9"
      },
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "displayThumbnailsArrows": false,
      "thumbnailsOrientation": "horizontal",
      "zoomMode": "disabled",
      "displayMode": "first-image"
    }
  },

  "rich-text#1": {
    "props": {
      "text": "# Descrição do produto \n Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque. Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque.",
      "textPosition": "CENTER"
    }
  },
  "rich-text#2": {
    "props": {
      "text": "# Descrição do produto \n Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque. Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque.",
      "textPosition": "CENTER"
    }
  },
  "rich-text#3": {
    "props": {
      "text": "# Descrição do produto \n Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque. Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque.",
      "textPosition": "CENTER"
    }
  },
  "rich-text#4": {
    "props": {
      "text": "# Descrição do produto \n Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque. Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque.",
      "textPosition": "CENTER"
    }
  },
  "rich-text#5": {
    "props": {
      "text": "# Descrição do produto \n Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque. Sandália Lima Salto Bloco Baixo de amarração com palmilha levemente quadrada e aplicação de spikes na tira do cabedal. Possui variedade de cores no Prata Metalizado. Do 33 ao 40. Consulte disponibilidade de estoque.",
      "textPosition": "CENTER"
    }
  },

  // Prateleira de produtos

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

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

  "list-context.product-list#product-carousel": {
    "blocks": ["product-summary.shelf#carousel"],
    "children": ["html#product-summary-list"]
  },

  "html#product-summary-list": {
    "children": ["slider-layout#demo-products"],
    "props": {
      "testId": "product-summary-list"
    }
  },

  "slider-layout#demo-products": {
    "props": {
      "itemsPerPage": {
        "desktop": 4,
        "tablet": 3,
        "phone": 2
      }
    }
  },

  "html#product-summary": {
    "props": {
      "testId": "vtex-product-summary"
    },
    "children": [
      "product-summary-image",
      "product-summary-name",
      "product-price"
    ]
  },

  // "product-summary-image": {
  //   "props": {
  //     "aspectRatio": "1:1"
  //   }
  // },

  // Newsletter

  "newsletter": {
    "props": {
      "label": "Assine nossa newsletter",
      "placeholder": "Digite seu e-mail",
      "submit": "ENVIAR"
    }
  }
}