challenge-vtex-io-manuela-luana-schumacker-tavares/store/blocks/pdp/product.jsonc

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      // "flex-layout.row#description",
      // "flex-layout.row#specifications-title",
      // "product-specification-group#table",
      "html#product-description",
      // "tab-layout#pdp-descriptions",
      "flex-layout.row#shelf-title",
      // "list-context.product-list#product-shelf",
      "flex-layout.row#shelf-product-page",
      // "html#product-summary",
      // "shelf.relatedProducts",
      "product-questions-and-answers"
    ]
  },

  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },
  "html#imagens": {
    "props": {
      "tag": "figure",
      "testId": "product-images"
    },
    "children": ["product-images"]
  },
  "html#product-name": {
    "props": {
      "testId": "product-name"
    },
    "children": ["vtex.store-components:product-name"]
  },
  "html#codigo": {
    "props": {
      "testId": "product-code",
      "blockClass": "codigo"
    },
    "children": ["product-identifier.product"]
  },
  "html#selling-price": {
    "props": {
      "testId": "product-price"
    },
    "children": ["product-selling-price"]
  },
  "html#product-installments": {
    "props": {
      "tag": "span",
      "testId": "product-installments",
      "blockClass": "installments"
    },
    "children": ["product-installments"]
  },
  "html#pixzap": {
    "props": {
      "testId": "pix-price",
      "blockClass": "pix"
    },
    "children": ["pix-component"]
  },
  "html#sku-selector": {
    "props": {
      "testId": "sku-selector"
    },
    "children": ["sku-selector"]
  },
  "html#product-quantity": {
    "props": {
      "testId": "product-quantity"
    },
    "children": ["product-quantity"]
  },
  "html#add-to-cart-button": {
    "props": {
      "testId": "add-to-cart-button"
    },
    "children": ["add-to-cart-button"]
  },
  "html#shipping-simulator": {
    "props": {
      "testId": "shipping-simulator"
    },
    "children": ["shipping-simulator"]
  },
  "html#product-description": {
    "props": {
      "testId": "product-description",
      "blockClass": "description-content"
    },
    "children": ["tab-layout#pdp-descriptions"]
  },
  "html#slider": {
    "props": {
      "testId": "product-summary-list"
    },
    "children": ["slider-layout#prateleira"]
  },
  "html#prateleira": {
    "props": {
      "testId": "vtex-product-summary",
      "blockClass": "shelfItemBlock"
    },
    "children": [
      "product-summary-image#shelf",
      "product-summary-name",
      "product-list-price#summary",
      "product-selling-price#summary"
    ]
  },

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

  "flex-layout.row#shelf-title": {
    "children": ["rich-text#shelfTitle"]
  },
  "rich-text#shelfTitle": {
    "props": {
      "text": "#### Você também pode gostar:",
      "blockClass": "shelfTitle"
    }
  },
  "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
    },
    "children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
  },

  "stack-layout": {
    "props": {
      "blockClass": "product"
    },
    "children": [
      "html#imagens",
      // "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": "60%",
      "rowGap": 0
    }
  },
  "flex-layout.row#product-image": {
    "children": ["product-images"]
  },
  "product-images": {
    "props": {
      "showPaginationDots": false,
      "showNavigationArrows": false,
      "aspectRatio": {
        "desktop": "1:1",
        "phone": "1:1"
        // "phone": "16:9"
      },
      "maxHeight": "unset",
      "thumbnailsOrientation": "horizontal",
      "displayThumbnailsArrows": false
    }
  },
  "flex-layout.col#right-col": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0
    },
    "children": [
      "flex-layout.row#product-name",
      "html#codigo",
      // "product-identifier.product",
      "product-rating-summary",
      // "flex-layout.row#list-price-savings",
      "flex-layout.row#selling-price",
      "html#product-installments",
      // "product-installments",
      "html#pixzap",
      // "pix-component",
      // "product-separator",
      "html#sku-selector",
      // "sku-selector",
      "html#product-quantity",
      // "product-quantity",
      "product-assembly-options",
      "product-gifts",
      "flex-layout.row#buy-button",
      "availability-subscriber",
      "html#shipping-simulator"
      // "shipping-simulator"
      // "share#default"
    ]
  },

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

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

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

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

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

  "flex-layout.row#product-image-description": {
    "children": ["product-images#description-image"]
  },

  "product-images#description-image": {
    "props": {
      "aspectRatio": {
        "desktop": "1:1",
        "phone": "1:1"
      },
      "thumbnailVisibility": "hidden",
      "showNavigationArrows": false,
      "showPaginationDots": false
    }
  },

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

  "tab-list#pdp-descriptions": {
    "children": [
      "tab-list.item#pdp-descriptions1",
      "tab-list.item#pdp-descriptions2",
      "tab-list.item#pdp-descriptions3",
      "tab-list.item#pdp-descriptions4",
      "tab-list.item#pdp-descriptions5"
    ],
    "props": {
      "blockClass": "pdp-decriptions-list"
    }
  },
  "tab-list.item#pdp-descriptions1": {
    "props": {
      "tabId": "pdp-descriptions1",
      "label": "Descrição",
      "defaultActiveTab": true,
      "blockClass": "pdp-description-button"
    }
  },
  "tab-list.item#pdp-descriptions2": {
    "props": {
      "tabId": "pdp-descriptions2",
      "label": "Descrição",
      "blockClass": "pdp-description-button"
    }
  },
  "tab-list.item#pdp-descriptions3": {
    "props": {
      "tabId": "pdp-descriptions3",
      "label": "Descrição",
      "blockClass": "pdp-description-button"
    }
  },
  "tab-list.item#pdp-descriptions4": {
    "props": {
      "tabId": "pdp-descriptions4",
      "label": "Descrição",
      "blockClass": "pdp-description-button"
    }
  },
  "tab-list.item#pdp-descriptions5": {
    "props": {
      "tabId": "pdp-descriptions5",
      "label": "Descrição",
      "blockClass": "pdp-description-button"
    }
  },

  "tab-content#pdp-descriptions": {
    "children": [
      "tab-content.item#pdp-descriptions1",
      "tab-content.item#pdp-descriptions2",
      "tab-content.item#pdp-descriptions3",
      "tab-content.item#pdp-descriptions4",
      "tab-content.item#pdp-descriptions5"
    ]
  },

  "tab-content.item#pdp-descriptions1": {
    "children": [
      "flex-layout.row#product-image-description",
      "flex-layout.row#description"
    ],
    "props": {
      "tabId": "pdp-descriptions1"
    }
  },
  "tab-content.item#pdp-descriptions2": {
    "children": [
      "flex-layout.row#product-image-description",
      "flex-layout.row#description"
    ],
    "props": {
      "tabId": "pdp-descriptions2"
    }
  },
  "tab-content.item#pdp-descriptions3": {
    "children": [
      "flex-layout.row#product-image-description",
      "flex-layout.row#description"
    ],
    "props": {
      "tabId": "pdp-descriptions3"
    }
  },
  "tab-content.item#pdp-descriptions4": {
    "children": [
      "flex-layout.row#product-image-description",
      "flex-layout.row#description"
    ],
    "props": {
      "tabId": "pdp-descriptions4"
    }
  },
  "tab-content.item#pdp-descriptions5": {
    "children": [
      "flex-layout.row#product-image-description",
      "flex-layout.row#description"
    ],
    "props": {
      "tabId": "pdp-descriptions5"
    }
  },

  "flex-layout.row#shelf-product-page": {
    "children": ["list-context.product-list#product-shelf"]
  },

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

  "product-summary.shelf#summary-shelf": {
    "children": ["html#prateleira"]
  },

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