challenge-vtex-io-henrique-santos-santana/store/blocks/pdp/product-shelf.jsonc

{
  "html#pdp-slider-shelf-title": {
    "children": ["rich-text#pdp-shelf-title"]
  },

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

  "html#list-context-pdp-shelf": {
    "props": {
      "testId": "product-summary-list"
    },
    "children": ["list-context.product-list#pdp-shelf"]
  },

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

  "rich-text#pdp-shelf-title": {
    "props": {
      "text": "## Você também pode gostar:",
      "textPosition": "CENTER",
      "textAlignment": "CENTER",
      "textColor": "c-on-base-200",
      "blockClass": "productShelfTitle"
    }
  },

  "slider-layout#pdp-shelf": {
    "props": {
      "blockClass": "productShelf",
      "itemsPerPage": {
        "desktop": 4,
        "(min-width:1025px)": 4,
        "(min-width:768px)": 3,
        "tablet": 2,
        "phone": 2
      },
      "fullWidth": true
    }
  },

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

  "product-list-price#product-summary": {
    "props": {
      "blockClass": "productSummary",
      "markers": ["highlight"],
      "message": "de {listPriceValue} por"
    }
  },

  "product-selling-price#product-summary": {
    "props": {
      "blockClass": "productSummary"
    }
  },

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

  "product-summary-image#pdp-shelf": {
    "props": {
      "showBadge": false,
      "alabelSellingPricespectRatio": "1:1",
      "aspectRatio": "1:1",
      "maxHeight": {
        "(min-width: 1921px)": "434.4px",
        "desktop": "314.4px",
        "(min-width:1025px)": "314.4px",
        "(min-width:768px)": "291.2px",
        "tablet": "291.2px",
        "phone": "124.8px"
      },
      "width": {
        "(min-width: 1921px)": "434.4px",
        "desktop": "314.4px",
        "(min-width:1025px)": "314.4px",
        "(min-width:768px)": "291.2px",
        "tablet": "291.2px",
        "phone": "124.8px"
      }
    }
  }
}