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

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#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": [
      "html#product-name",
      "html#product-code",
      "html#product-price",
      "html#product-installments",
      "html#pix-price",
      "html#sku-selector",
      "html#buy-button",
      "product-gifts",
      "availability-subscriber",
      "rich-text#labelCep",
      "html#shipping-simulator"
    ]
  },

  // Título CEP

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

  // Nome do produto

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

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

  // Código identificação produto

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

  // Skus

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

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

  // Valor do produto

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

  // Parcelamento

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

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

  // 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-list-price",
      "product-selling-price"
    ]
  },

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

  "product-list-price": {
    "props": {
      "message": "de {listPriceValue} por",
      "blockClass": "list-price"
    }
  },

  // Newsletter

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

  // Informações de frete

  "html#shipping-simulator": {
    "props": {
      "testId": "shipping-simulator"
    },
    "children": ["shipping-simulator"]
  }
}