challenge-vtex-io-ramon-dias-ferreira/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",
      "rich-text#carrossel-message",
      "list-context.product-list#carousel-list",
      // "product-summary.shelf",
      // "list-context.product-list",
      // "slider-layout",
      // "shelf.relatedProducts",
      "newsletter#footer",
      "product-questions-and-answers"
    ]
  },
  "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"
    }
  },
  "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": "product-main"
    },
    "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": "45%",
      "rowGap": 0
    }
  },
  "flex-layout.row#product-image": {
    "children": ["html#product-image"]
  },

  "html#product-image": {
    "props": {
      "testId": "product-images"
    },
    "children": ["product-images"]
  },

  "product-images": {
    "props": {
      "aspectRatio": {
        "desktop": "auto",
        "phone": "16:9"
      },
      "thumbnailsOrientation": "horizontal",
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "displayThumbnailsArrows": false,
      "blockClass": "produto-carrossel"
    }
  },


  "flex-layout.col#right-col": {
    "props": {
      "preventVerticalStretch": true,
      "rowGap": 0,
      "blockClass": "infos"
    },
    "children": [
      "html#product-name",
      // "product-rating-summary",

      // "flex-layout.row#list-price-savings",
      "html#price",
      "html#installments",
      "html#pix",
      // "product-separator",
      "html#sku-selector",
      "product-assembly-options",
      "product-gifts",
      "html#add-to-cart-container",
      "availability-subscriber",
      "html#shipping-simulator",
      "share#default"
    ]
  },

  "html#shipping-simulator": {
    "props": {
      "testId": "shipping-simulator"
    },
    "children": ["shipping-simulator"]
  },

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

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

  "html#price": {
    "props": {
      "testId": "product-price"
    },
    "children": ["flex-layout.row#selling-price"]
  },

  "html#add-to-cart-container": {
    "props": {
      "testId": "add-to-cart-button",
      "blockClass": "cart-button"
    },
    "children": ["html#product-quantity", "add-to-cart-button"]
  },

  "html#product-quantity": {
    "props": {
      "testId": "product-quantity",
      "blockClass": "cart-button"
    },
    "children": ["product-quantity"]
  },


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

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

  "html#codigo": {
    "props": {
      "testId": "product-code"
    },
    "children": ["product-identifier.product"]
  },

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

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

  "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
      }
    }
  },

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

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

 "tab-list#product": {
    "children": [
      "tab-list.item#product1",
      "tab-list.item#product2",
      "tab-list.item#product3",
      "tab-list.item#product4",
      "tab-list.item#product5"
    ]
  },
  "tab-list.item#product1": {
    "props": {
      "tabId": "product1",
      "label": "Descrição",
      "defaultActiveTab": true
    }
  },
  "tab-list.item#product2": {
    "props": {
      "tabId": "product2",
      "label": "Descrição"
    }
  },
  "tab-list.item#product3": {
    "props": {
      "tabId": "product3",
      "label": "Descrição"
    }
  },
  "tab-list.item#product4": {
    "props": {
      "tabId": "product4",
      "label": "Descrição"
    }
  },
  "tab-list.item#product5": {
    "props": {
      "tabId": "product5",
      "label": "Descrição"
    }
  },

   "tab-content#product": {
       "children": [
         "tab-content.item#product1",
         "tab-content.item#product2",
         "tab-content.item#product3",
         "tab-content.item#product4",
         "tab-content.item#product5"
       ]
     },
     "tab-content.item#product1": {
       "children": [
         "product-images#description",
         "product-description"
       ],
       "props": {
         "tabId": "product1"
       }
     },

     "tab-content.item#product2": {
      "children": [
        "product-images#description",
        "product-description"
      ],
      "props": {
        "tabId": "product2"
      }
    },
    "tab-content.item#product3": {
      "children": [
        "product-images#description",
        "product-description"
      ],
      "props": {
        "tabId": "product3"
      }
    },
    "tab-content.item#product4": {
      "children": [
        "product-images#description",
        "product-description"
      ],
      "props": {
        "tabId": "product4"
      }
    },
    "tab-content.item#product5": {
      "children": [
        "product-images#description",
        "product-description"
      ],
      "props": {
        "tabId": "product5"
      }
    },

  "product-images#description": {
    "props": {
      "displayMode": "first-image",
      "blockClass": "description-imagem",
      "zoomFactor": 0
    }
  },


  "rich-text#carrossel-message": {
    "props": {
      "textAlignment": "CENTER",
      "textPosition": "CENTER",
      "text": "Você tambem pode gostar:",
      "blockClass": "carrossel-message"
    }
  },




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

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

  "html#vtex-product-summary": {
    "props": {
      "testId": "vtex-product-summary"
    },
    "children": ["product-summary-image",
    "product-summary-name",
    "product-summary-space",
    "product-list-price",
    "product-selling-price"]
  },



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


  "slider-layout#carousel": {
    "props": {
      "itemsPerPage": {
        "desktop": 4,
        "tablet": 3,
        "phone": 1
      },
      "infinite": true,
      "showNavigationArrows": "desktopOnly",
      "blockClass": "carousel"
    }
  },


  "newsletter#footer": {
    "props": {
      "label": "Assine nossa newsletter",
      "placeholder": "Digite seu e-mail"
    }
  }


}