challenge-vtex-io-sabrina-miranda/store/blocks/pdp/product.jsonc

{
  "store.product": {
    "children": [
      "html#breadcrumb",
      "condition-layout.product#availability",
      "html#product-description",
      //"html#specifications-title",
      //"product-specification-group#table",
      //"shelf.relatedProducts",
      "product-questions-and-answers",
      "rich-text#shelf-title",
      "list-context.product-list#shelf",
      "html#newsletter"
    ]
  },

  "html#breadcrumb": {
    "props": {
      "tag": "section",
      "testId": "breadcrumbs",
      "blockClass": "pdp-breadcrumb"
    },
    "children": ["breadcrumb"]
  },

  /*
  "html#specifications-title": {
    "props": {
      "tag": "div",
      "blockClass": "specifications-title"
    },
    "children": ["rich-text#specifications"]
  },
  */

  /*
  "rich-text#specifications": {
    "props": {
      "text": "##### Product Specifications"
    }
  },
  */

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

  "html#description": {
    "props": {
      "tag": "div",
      "blockClass": "description"
    },
    "children": ["product-description"]
  },
  "html#description2": {
    "props": {
      "tag": "div",
      "blockClass": "description2"
    },
    "children": ["product-description"]
  },
  "html#description3": {
    "props": {
      "tag": "div",
      "blockClass": "description3"
    },
    "children": ["product-description"]
  },
  "html#description4": {
    "props": {
      "tag": "div",
      "blockClass": "description4"
    },
    "children": ["product-description"]
  },
  "html#description5": {
    "props": {
      "tag": "div",
      "blockClass": "description5"
    },
    "children": ["product-description"]
  },

  "condition-layout.product#availability": {
    "props": {
      "conditions": [
        {
          "subject": "isProductAvailable"
        }
      ],
      "Then": "html#product-main",
      "Else": "html#product-availability"
    }
  },

  "html#product-main": {
    "props": {
      "tag": "section",
      "blockClass": "product-main"
    },
    "children": ["html#stack", "html#right-col"]
  },

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

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

  "html#stack": {
    "props": {
      "tag": "section",
      "blockClass": "stack"
    },
    "children": ["stack-layout"]
  },

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

  "product-images": {
    "props": {
      "aspectRatio": "1:1",
      "displayThumbnailsArrows": false,
      "thumbnailsOrientation": "horizontal",
      "showNavigationArrows": false,
      "showPaginationDots": false,
      "thumbnailAspectRatio": "1:1"
    }
  },

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

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

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

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

  "html#right-col": {
    "props": {
      "tag": "section",
      "blockClass": "right-col"
    },
    "children": [
      "html#product-name",
      "html#codigo",
      "product-rating-summary",
      "flex-layout.row#selling-price",
      "html#product-installments",
      "html#pix-price",
      "html#sku-selector-m3",
      "html#product-quantity-cart-button",
      "product-assembly-options",
      "product-gifts",
      "availability-subscriber",
      "html#shipping-simulator"
      //"share#default"
    ]
  },

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

  "product-installments#m3": {
    "props": {
      "markers": ["highlight"],
      "blockClass": "m3-custom-installments",
      "message": "<highlight>{installmentsNumber} x</highlight> de <highlight>{installmentValue}</highlight> sem juros",
      "installmentsCriteria": "max-quantity-without-interest"
    }
  },

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

  "html#product-name": {
    "props": {
      "tag": "div",
      "testId": "product-name",
      "blockClass": "product-name"
    },
    "children": ["vtex.store-components:product-name"]
  },

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

  "html#sku-selector-m3": {
    "props":{
      "tag": "section",
      "testId": "sku-selector",
      "blockClass": "sku-selector-m3"
    },
    "children": ["sku-selector"]
  },

  "html#buy-button": {
    "props": {
      "tag": "div",
      "blockClass": "buy-button"
    },
    "children": ["html#add-to-cart-button"]
  },

  "html#product-availability": {
    "props": {
      "tag": "section",
      "blockClass": "product-availability"
    },
    "children": [
      "html#stack",
      "html#right-col-availability"
    ]
  },

  "html#right-col-availability": {
    "props": {
      "tag": "section",
      "blockClass": "info-availability"
    },
    "children": [
      "html#product-name",
      "html#codigo",
      "html#availability",
      "html#sku-selector-m3"
    ]
  },

  "html#availability": {
    "props": {
      "blockClass": "message-availability",
      "tag": "div"
    },
    "children": ["availability-subscriber"]
  },

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

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

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

  "tab-list#product": {
    "props": {
      "blockClass": "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": {
    "props": {
      "blockClass": "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": {
    "props": {
      "tabId": "product1"
    },
    "children": ["product-images#description", "html#description"]
  },
  "tab-content.item#product2": {
    "props": {
      "tabId": "product2"
    },
    "children": ["product-images#description", "html#description2"]
  },
  "tab-content.item#product3": {
    "props": {
      "tabId": "product3"
    },
    "children": ["product-images#description", "html#description3"]
  },
  "tab-content.item#product4": {
    "props": {
      "tabId": "product4"
    },
    "children": ["product-images#description", "html#description4"]
  },
  "tab-content.item#product5": {
    "props": {
      "tabId": "product5"
    },
    "children": ["product-images#description", "html#description5"]
  },

  "newsletter#newsletter-product": {
    "props": {
      "blockClass": "newsletter-product",
      "label": "Receba ofertas e novidades por e-mail",
      "placeholder": "Digite seu e-mail",
      "submit": "ENVIAR"
    }
  },

  "rich-text#newsletter-title": {
    "props": {
      "text": "# Assine nossa newsletter",
      "blockClass": "newsletter-title"
    }
  },

  "html#newsletter": {
    "props": {
      "blockClass": "newsletter"
    },
    "children": ["rich-text#newsletter-title" , "newsletter#newsletter-product"]
  },

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

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

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

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

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

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