Answersheet to 'Creating custom templates'

// store/blocks/about-us.jsonc

{
  "store.custom#about-us": {
    "blocks": ["flex-layout.row#about-us"]
  },
  "flex-layout.row#about-us": {
    "children": ["image#about-us", "flex-layout.col#text-about-us"]
  },
  "flex-layout.col#text-about-us": {
    "children": ["rich-text#about-title", "rich-text#about-content"],
    "props": {
      "preventVerticalStretch": true
    }
  },
  "rich-text#about-title": {
    "props": {
      "text": "# About Minimum Theme"
    }
  },
  "rich-text#about-content": {
    "props": {
      "text": " This is the VTEX Minimum Theme, you can use it to test blocks usage and build your first store from scratch."
    }
  },
  "image#about-us": {
    "props": {
      "src": "https://appliancetheme.vteximg.com.br/arquivos/cozinha-about-us.png",
      "maxHeight": "600px"
    }
  }
}
// store/routes.json
{
  "store.custom#about-us": {
    "path": "/about-us"
  }
}

Help us make this content better!

VTEX IO courses are open source. If you see something wrong, you can open a pull request!

Make a contribution

or open an issue