challenge-vtex-io-josecarloslins/store/blocks/pdp/product.jsonc

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#DescriptionSectionPDP",
      "flex-layout.row#related-products-pdp",
      "product-questions-and-answers",
      "insert-js"
    ],
    "props": {
      "paddingLeft": 7
    }
  },
  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },

  "html#DescriptionSectionPDP":{
    "children": [
      "tab-layout#pdp"
    ]
  },

  "flex-layout.row#descriptionSectionProductPDP": {
    "props": {
      "blockClass": "container-description-section-product-pdp"
    },
    "children": [
      "product-images#description",
      "product-description"
    ]
  },

  "product-description":{
    "props":{
      "blockClass": "container-description-pdp"
    }
  },

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

  "tab-layout#pdp": {
  "children": [
    "tab-list#pdp",
    "tab-content#pdp"
  ],
  "props": {
    "blockClass": "description-pdp-tab-layout",
    "defaultActiveTabId": "description1"
  }
},

"tab-list#pdp": {
  "children": [
    "tab-list.item#description1",
    "tab-list.item#description2",
    "tab-list.item#description3",
    "tab-list.item#description4",
    "tab-list.item#description5"
  ],
  "props": {
    "blockClass": "container-list-tab-layout-pdp"
  }
},
"tab-list.item#description1": {
  "props": {
    "tabId": "description1",
    "label": "Descrição",
    "defaultActiveTab": true
  }
},
"tab-list.item#description2": {
  "props": {
    "tabId": "description2",
    "label": "Descrição"
  }
},
"tab-list.item#description3": {
  "props": {
    "tabId": "description3",
    "label": "Descrição",
    "defaultActiveTab": true
  }
},
"tab-list.item#description4": {
  "props": {
    "tabId": "description4",
    "label": "Descrição"
  }
},
"tab-list.item#description5": {
  "props": {
    "tabId": "description5",
    "label": "Descrição",
    "defaultActiveTab": true
  }
},
"tab-content#pdp": {
     "children": [
       "tab-content.item#description1",
       "tab-content.item#description2",
       "tab-content.item#description3",
       "tab-content.item#description4",
       "tab-content.item#description5"
     ]
   },
   "tab-content.item#description1": {
     "children": [
       "flex-layout.row#descriptionSectionProductPDP"
     ],
     "props": {
       "tabId": "description1"
     }
   },
   "tab-content.item#description2": {
     "children": [
      "flex-layout.row#descriptionSectionProductPDP"
     ],
     "props": {
       "tabId": "description2"
     }
   },
   "tab-content.item#description3": {
    "children": [
      "flex-layout.row#descriptionSectionProductPDP"
    ],
    "props": {
      "tabId": "description3"
    }
  },
  "tab-content.item#description4": {
    "children": [
     "flex-layout.row#descriptionSectionProductPDP"
    ],
    "props": {
      "tabId": "description4"
    }
  },
  "tab-content.item#description5": {
    "children": [
      "flex-layout.row#descriptionSectionProductPDP"
    ],
    "props": {
      "tabId": "description5"
    }
  },

  "rich-text#title-related-products": {
    "props": {
        "text": "### Você também pode gostar:",
        "blockClass": "title-related-products"
    }
  },

  "product-summary.shelf#demo1": {
    "children": [
      "stack-layout#prodsum",
      "product-summary-name",
      "product-summary-price"
    ],
    "props":{
      "blockClass": "container-product-summary-related-products-pdp",
      "maxWidth": "100%"
    }
  },
  "list-context.product-list#demo1": {
    "blocks": ["product-summary.shelf#demo1"],
    "children": ["slider-layout#demo-products"]
  },

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

  "flex-layout.row#related-products-pdp":{
    "props": {
      "blockClass": "container-related-products-pdp"
    },
    "children": [
      "rich-text#title-related-products",
      "list-context.product-list#demo1"
    ]
  },

  "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": {
      "colGap": 7,
      "rowGap": 7,
      "marginTop": 4,
      "marginBottom": 7,
      "paddingTop": 7,
      "paddingBottom": 7,
      "blockClass": "container-product-main"
    },
    "children": ["html#stack", "flex-layout.col#right-col"]
  },

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

  "product-specification-badges": {
    "props": {
      "specificationGroupName": "Group",
      "specificationName": "On Sale",
      "visibleWhen": "True",
      "displayValue": "SPECIFICATION_NAME"
    }
  },

  "html#stack": {
    "children": ["stack-layout"],
    "props": {
      "width": "100%",
      "rowGap": 0,
      "colGap": 0
    }
  },
  "html#flex-layout.row#product-image": {
    "props": {
      "testId": "product-images"
    },
    "children": ["product-images"]
  },
  "product-images": {
    "props": {
      "blockClass": "product-images-pdp",
      "aspectRatio": {
        "desktop": "auto",
        "phone": "auto"
      },
      "showNavigationArrows": false,
      "displayThumbnailsArrows": false,
      "thumbnailsOrientation": "horizontal",
      "showPaginationDots": false,
      "thumbnailMaxHeight": 90,
      "thumbnailVisibility": "visible"

    }
  },
  "flex-layout.col#right-col": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0,
      "width": "100%"
    },
    "children": [
      "flex-layout.row#product-name",
      "product-identifier.product",
      "flex-layout.row#selling-price",
      "installments",
      "html#descont-pix",
      "html#sku-selector",
      "flex-layout.row#quantity-and-buy-button",
      "availability-subscriber",
      "shipping-simulator"
    ]
  },

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

  "flex-layout.row#quantity-and-buy-button": {
    "props": {
      "blockClass": "container-quantity-and-buy-button"
    },
    "children": [
      "html#product-quantity-test-id",
      "html#buy-button-test-id"
    ]
  },
  "html#product-quantity-test-id":{
    "props": {
      "testId": "product-quantity"
    },
    "children": [
      "product-quantity"
    ]
  },

  "product-quantity": {
    "props": {
      "testId": "product-quantity",
      "width": "100%"
    }
  },

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

  "buy-button": {
    "props": {
      "width": "100%"
    }
  },

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

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

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

  "flex-layout.row#buy-button": {
    "props": {
      "marginTop": 4,
      "marginBottom": 7
    },
    "children": ["add-to-cart-button"]
  },

  "flex-layout.row#product-availability": {
    "props": {
      "colGap": 7,
      "marginTop": 4,
      "marginBottom": 7,
      "paddingTop": 7,
      "blockClass": "container-product-availability"
    },
    "children": [
      "html#stack",
      "flex-layout.col#right-col-availability"
    ]
  },
  "flex-layout.col#right-col-availability": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0,
      "width": "100%",
      "blockClass": "info-availability"
    },
    "children": [
      "flex-layout.row#product-name",
      "product-identifier.product",
      "flex-layout.row#availability",
      "html#sku-selector"
    ]
  },
  "flex-layout.row#availability": {
    "props": {
      "blockClass": "message-availability"
    },
    "children": ["availability-subscriber"]
  },

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