challenge-vtex-io-saulo-klein/store/blocks/pdp/product.jsonc

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      //"example-component",
      "condition-layout.product#availability",
      "tab-layout",
      //"flex-layout.row#specifications-title",
      //"product-specification-group#table",
      "flex-layout.row#shelf-row"
      //"product-questions-and-answers"
    ]
  },

  "flex-layout.row#shelf-row": {
    "children": ["flex-layout.col#shelf-col"],
    "props": {
      "blockClass": "shelf-product-row"
    }
  },
  "flex-layout.col#shelf-col": {
    "children": ["rich-text#shelf-related", "list-context.product-list"],
    "props": {
      "blockClass": "shelf-product-col"
    }
  },

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

  "list-context.product-list": {
    "children": ["slider-layout#shelf-prod"],
    "blocks": ["product-summary.shelf"]
  },

  "slider-layout#shelf-prod": {
    "props": {
      "itemsPerPage": {
        "(min-width:1025px)": 4,
        "(min-width:768px)": 3,
        "(max-width:767px)": 2
      },
      "infinite": true,
      "showNavigationArrows": "always",
      "showPaginationDots": "always",
      "blockClass": "slide-shelf",
      "colGap": 16
    }
  },

  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },
  "flex-layout.row#specifications-title": {
    "children": ["rich-text#specifications"]
  },
  "rich-text#specifications": {
    "props": {
      "text": "##### Product Specifications"
    }
  },
  "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": "productPanel",
      "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"
    ]
  },

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

  "flex-layout.col#stack": {
    "children": ["stack-layout"],
    "props": {
      "width": "49%",
      "rowGap": 0,
      "blockClass": "productShowcase"
    }
  },
  "flex-layout.row#product-image": {
    "children": ["product-images"]
  },
  "product-images": {
    "props": {
      "aspectRatio": {
        "desktop": "auto"
      },
      "thumbnailsOrientation": "horizontal",
      "displayThumbnailsArrows": true,
      "showNavigationArrows": false,
      "showPaginationDots": false
    }
  },

  "product-installments": {
    "props": {
      "blockClass": "sellingInfo"
    }
  },

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

  "flex-layout.col#right-col": {
    "props": {
      "blockClass": "rightCol",
      "preventVerticalStretch": true,
      "rowGap": 0
    },
    "children": [
      "flex-layout.row#product-name",
      "product-identifier.product",
      //"availability-subscriber",
      //"product-assembly-options",
      "product-rating-summary",
      //"flex-layout.row#list-price-savings",
      "flex-layout.row#selling-prices",
      "product-installments",
      "pix-component",
      //"product-separator",
      "sku-selector",
      //"product-quantity",
      //"product-gifts",
      "flex-layout.row#buy-button",
      "shipping-simulator",
      "placeholder-component"
      //"share#default"
    ]
  },

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

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

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

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

  "add-to-cart-button": {
    "props": {
      "blockClass": "addToCartButton",
      "text": "ADICIONAR À SACOLA"
    }
  },

  "flex-layout.row#product-availability": {
    "props": {
      "blockClass": "productPanel"
    },
    "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"
    ]
  },
  "flex-layout.row#availability": {
    "props": {
      "blockClass": "message-availability"
    },
    "children": ["availability-subscriber"]
  },

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

  "product-images#2": {
    "props": {
      "blockClass": "productImage2",
      "aspectRatio": {
        "desktop": "auto"
      },
      "displayMode": "first-image"
    }
  },

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

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

  "tab-content": {
    "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": "Desc1",
      "label": "Descrição",
      "defaultActiveTab": true
    }
  },
  "tab-list.item#2": {
    "props": {
      "tabId": "Desc2",
      "label": "Descrição"
    }
  },
  "tab-list.item#3": {
    "props": {
      "tabId": "Desc3",
      "label": "Descrição"
    }
  },
  "tab-list.item#4": {
    "props": {
      "tabId": "Desc4",
      "label": "Descrição"
    }
  },
  "tab-list.item#5": {
    "props": {
      "tabId": "Desc5",
      "label": "Descrição"
    }
  },

  "tab-content.item#1": {
    "children": ["product-images#2", "product-description"],
    "props": {
      "tabId": "Desc1"
    }
  },

  "tab-content.item#2": {
    "children": ["product-images#2", "product-description"],
    "props": {
      "tabId": "Desc2"
    }
  },

  "tab-content.item#3": {
    "children": ["product-images#2", "product-description"],
    "props": {
      "tabId": "Desc3"
    }
  },

  "tab-content.item#4": {
    "children": ["product-images#2", "product-description"],
    "props": {
      "tabId": "Desc4"
    }
  },

  "tab-content.item#5": {
    "children": ["product-images#2", "product-description"],
    "props": {
      "tabId": "Desc5"
    }
  }
}