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

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#productDescription",
      // "flex-layout.row#specifications-title",
      // "product-specification-group#table",
      "rich-text#otherProductTitle",
      "list-context.product-list#prateleira",
      "product-questions-and-answers"
    ]
  },

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

  "breadcrumb#Pdp": {
    "props": {
      "blockClass": "Pdp",
      "showOnMobile": true
    }
  },

  "flex-layout.row#specifications-title": {
    "children": ["rich-text#specifications"]
  },
  "rich-text#specifications": {
    "props": {
      "text": "##### Product Specifications"
    }
  },

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

  "product-summary.shelf#prateleira": {
    "props": {
      "blockClass": "prateleiraShelf",
      "testId": "vtex-product-summary"
    },
    "children": [
      "html#productSummary"
    ]
  },

  "product-summary-image#prateleiraImg": {
    "props": {
      "blockClass": "prateleiraImg"
    }
  },

  "product-summary-name#prateleira": {
    "props": {
      "blockClass": "prateleiraProductName"
    }
  },

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

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

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

  "list-context.product-list#prateleira": {
    "blocks": ["product-summary.shelf#prateleira"],
    "children": ["html#productSummaryList"]
  },
  
  "flex-layout.col#description": {
    "props": {
      "preventVerticalStretch": true
    },
    "children": ["product-description#1", "product-description#2"]
  },

  "product-description#1": {
    "props": {
      "blockClass": "descriptioncontent1"
    }
  },
  "product-description#2": {
    "props": {
      "blockClass": "descriptioncontent2",
      "showTitle": false
    }
  },

  "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,
      "blockClass": "productMainWrapper"
    },
    "children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
  },
  "flex-layout.row#descriptionRow": {
    "props": {
      "blockClass": "descriptionRow",
      "colGap": 7
    },
    "children": ["product-images#descriptionImg", "flex-layout.col#description"]
  },

  "stack-layout": {
    "props": {
      "blockClass": "product"
    },
    "children": [
      "flex-layout.row#product-image",
      "product-bookmark",
      "product-specification-badges"
    ]
  },

  "html#wrapperQuantity": {
    "props": {
      "blockClass": "wrapperQuantity"
    },
    "children": ["html#productQuantity", "flex-layout.row#buy-button"]
  },

  "product-quantity#quantityPdpItens": {
    "props": {
      "blockClass": "quantityPdpItens",
      "showLabel": false,
      "size": "large"
    }
  },

  "tab-layout#descriptionLayout": {
    "props": {
      "blockClass": "descriptionLayout"
    },
    "children": [
      "tab-list#descriptionButtonWrapper",
      "tab-content#descriptionContentWrapper"
    ]
  },

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

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

  "tab-list.item#1": {
    "props": {
      "tabId": "description1",
      "label": "Descrição",
      "blockClass": "descriptionButton",
      "defaultActiveTab": true
    }
  },
  "tab-list.item#2": {
    "props": {
      "tabId": "description2",
      "blockClass": "descriptionButton",
      "label": "Descrição"
    }
  },
  "tab-list.item#3": {
    "props": {
      "tabId": "description3",
      "blockClass": "descriptionButton",
      "label": "Descrição"
    }
  },
  "tab-list.item#4": {
    "props": {
      "tabId": "description4",
      "blockClass": "descriptionButton",
      "label": "Descrição"
    }
  },
  "tab-list.item#5": {
    "props": {
      "tabId": "description5",
      "blockClass": "descriptionButton",
      "label": "Descrição"
    }
  },

  "tab-content.item#1": {
    "children": [
      "flex-layout.row#descriptionRow"
    ],
    "props": {
      "tabId": "description1",
      "blockClass": "descriptionContent"
    }
  },
  "tab-content.item#2": {
    "children": [
      "flex-layout.row#descriptionRow"
    ],
    "props": {
      "tabId": "description2",
      "blockClass": "descriptionContent"
    }
  },
  "tab-content.item#3": {
    "children": [
      "flex-layout.row#descriptionRow"
    ],
    "props": {
      "tabId": "description3",
      "blockClass": "descriptionContent"
    }
  },
  "tab-content.item#4": {
    "children": [
      "flex-layout.row#descriptionRow"
    ],
    "props": {
      "tabId": "description4",
      "blockClass": "descriptionContent"
    }
  },
  "tab-content.item#5": {
    "children": [
      "flex-layout.row#descriptionRow"
    ],
    "props": {
      "tabId": "description5",
      "blockClass": "descriptionContent"
    }
  },
  "product-images#descriptionImg": {
    "props": {
      "displayMode": "first-image",
      "maxHeight": 632,
      "blockClass": "descriptionImg",
      "width": "49%"
    }
  },

  "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
    }
  },
  "flex-layout.row#product-image": {
    "children": ["html#productImages"]
  },
  "product-images#imgsMain": {
    "props": {
      "aspectRatio": {
        "desktop": "auto",
        "phone": "auto"
      },
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "thumbnailsOrientation": "horizontal",
      "thumbnailMaxHeight": 90,
      "blockClass": "ImgsMain",
      "maxHeight": 664
    }
  },
  "flex-layout.col#right-col": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0
    },
    "children": [
      "flex-layout.row#product-name",
      "product-rating-summary",
      "html#productCode",
      "html#productPrice",
      "html#productInstallments",
      "html#pixPrice",
      "product-separator",
      "html#skuSelector",
      "html#wrapperQuantity",
      "availability-subscriber",
      "html#shippingSimulator"
    ]
  },

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

  "html#pixPrice": {
    "props": {
      "testId": "pix-price"
    },
   "children": ["pix"]
  },
  "html#productPrice": {
    "props": {
      "testId": "product-price"
    },
   "children": ["flex-layout.row#selling-price"]
  },
  "html#productQuantity": {
    "props": {
      "testId": "product-quantity"
    },
   "children": ["product-quantity#quantityPdpItens"]
  },
  "html#addToCartButton": {
    "props": {
      "testId": "add-to-cart-button"
    },
   "children": ["add-to-cart-button#addSacola"]
  },
  "html#productCode": {
    "props": {
      "testId": "product-code"
    },
   "children": ["product-identifier.product#identifierMain"]
  },
  "html#productImages": {
    "props": {
      "testId": "product-images"
    },
   "children": ["product-images#imgsMain"]
  },
  "html#productName": {
    "props": {
      "testId": "product-name"
    },
   "children": ["vtex.store-components:product-name"]
  },
  "html#shippingSimulator": {
    "props": {
      "testId": "shipping-simulator"
    },
   "children": ["shipping-simulator"]
  },
  "html#skuSelector": {
    "props": {
      "testId": "sku-selector"
    },
   "children": ["sku-selector#inverseOrder"]
  },
  "html#productDescription": {
    "props": {
      "testId": "product-description"
    },
   "children": ["tab-layout#descriptionLayout"]
  },
  "html#productSummary": {
    "props": {
      "testId": "vtex-product-summary"
    },
    "children": [
      "product-summary-image#prateleiraImg",
      "product-summary-name#prateleira",
      "product-list-price#prateleira",
      "product-selling-price#prateleira"
    ]
  },
  "html#productSummaryList": {
    "props": {
      "testId": "product-summary-list"
    },
    "children": [
      "slider-layout#prateleiraSlider"
    ]
  },

  "product-installments#InstallmentsMainPdp": {
    "props": {
      "blockClass": "InstallmentsMainPdp",
      "installmentsCriteria": "max-quantity-without-interest"
    }
  },

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


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

  "flex-layout.row#buy-button": {
    "props": {
      "marginTop": 4,
      "marginBottom": 7,
      "blockClass": "buyButton"
    },
    "children": ["html#addToCartButton"]
  },

  "flex-layout.row#product-availability": {
    "props": {
      "colGap": 7,
      "blockClass": "indisponivelWrapper"
    },
    "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#identifierMain",
      "flex-layout.row#availability",
      "sku-selector#inverseOrder"
    ]
  },
  "flex-layout.row#availability": {
    "props": {
      "blockClass": "message-availability"
    },
    "children": ["availability-subscriber"]
  },

  "product-identifier.product#identifierMain": {
    "props": {
      "label": "hide",
      "idField": "productReference"
    }
  },

  "share#default": {
    "props": {
      "social": {
        "Facebook": true,
        "WhatsApp": true,
        "Twitter": false,
        "Pinterest": true
      }
    }
  }
}