challenge-vtex-io-andrea-matsunaga/store/blocks/pdp/product.jsonc

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#tab-layout",
      "html#shelf-container",
      "newsletter"
    ]
  },
  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },

  "html#tab-layout": {
    "props": {
      "tag": "section",
      "testId": "tab-layout"
    },
    "children": ["tab-layout#description"]
  },

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

  "tab-list#description": {
    "children": [
      "tab-list.item#description1",
      "tab-list.item#description2",
      "tab-list.item#description3",
      "tab-list.item#description4",
      "tab-list.item#description5"
    ]
  },

  "tab-list.item#description1": {
    "props": {
      "tabId": "description1",
      "label": "Descrição",
      "defaultActiveTab": true
    }
  },
  "tab-list.item#description2": {
    "props": {
      "tabId": "description2",
      "label": "Descrição",
      "defaultActiveTab": false
    }
  },
  "tab-list.item#description3": {
    "props": {
      "tabId": "description3",
      "label": "Descrição",
      "defaultActiveTab": false
    }
  },
  "tab-list.item#description4": {
    "props": {
      "tabId": "description4",
      "label": "Descrição",
      "defaultActiveTab": false
    }
  },
  "tab-list.item#description5": {
    "props": {
      "tabId": "description5",
      "label": "Descrição",
      "defaultActiveTab": false
    }
  },

  "tab-content#description": {
    "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": {
    "props": {
      "tabId": "description1"
    },
    "children": ["product-images", "product-description"]
  },
  "tab-content.item#description2": {
    "props": {
      "tabId": "description2"
    },
    "children": ["product-images", "product-description"]
  },
  "tab-content.item#description3": {
    "props": {
      "tabId": "description3"
    },
    "children": ["product-images", "product-description"]
  },
  "tab-content.item#description4": {
    "props": {
      "tabId": "description4"
    },
    "children": ["product-images", "product-description"]
  },
  "tab-content.item#description5": {
    "props": {
      "tabId": "description5"
    },
    "children": ["product-images", "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": {
      "marginBottom": 5,
      "blockClass": "productMain",
      "fullWidth": true
    },
    "children": ["html#product-images", "flex-layout.col#right-col"]
  },

  "html#product-images": {
    "props": {
      "tag": "section",
      "testId": "product-images",
      "blockClass": "product-images"
    },
    "children": ["product-images"]
  },

  "product-images": {
    "props": {
      "aspectRatio": {
        "desktop": "auto",
        "phone": "16:9"
      },
      "thumbnailsOrientation": "horizontal",
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "maxHeight": 2560
    }
  },

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

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

  "html#pix-price": {
    "props": {
      "tag": "div",
      "testId": "pix-price",
      "blockClass": "pix-price"
    },
    "children": ["image#pix-logo", "flex-layout.col#pix-discount"]
  },

  // "flex-layout.col#pix-image": {
  //   "children": ["image#pix-logo"]
  // },

  "image#pix-logo": {
    "props": {
      "src": "https://agenciamagma.vteximg.com.br/arquivos/pix-andreamm.svg",
      "blockClass": "pix-logo"
    }
  },

  "flex-layout.col#pix-discount": {
    "children": ["pix-discount", "product-price-savings"],
    "props": {
      "blockClass": "pix-discount"
    }
  },

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

  // "sku-selector": {
  //   "props": {
  //     // "showValueNameForImageVariation": true
  //   }
  // },

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

  "flex-layout.row#product-availability": {
    "props": {
      "marginBottom": 5,
      "blockClass": "productMain",
      "fullWidth": true
    },
    "children": [
      "html#product-images",
      "flex-layout.col#right-col-availability"
    ]
  },

  "flex-layout.col#right-col-availability": {
    "props": {
      "width": "50%",
      "preventVerticalStretch": true,
      // "rowGap": 0,
      "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
      }
    }
  },

  "html#shelf-container": {
    "props": {
      "blockClass": "shelf-container"
    },
    "children": ["rich-text#see-also", "list-context.product-list"]
  },

  "rich-text#see-also": {
    "props": {
      "text": "#### Você também pode gostar:",
      "blockClass": "see-also"
    }
  },

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

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

  "slider-layout#related-products": {
    "props": {
      "itemsPerPage": {
        "desktop": 4,
        "tablet": 3,
        "phone": 2
      },
      "infinite": true,
      "showNavigationArrows": "always",
      "blockClass": "carousel"
      // "fullWidth": false
    }
    // ,
    // "children": ["rich-text#1", "rich-text#2", "rich-text#3"]
  }
}