{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/operator-guides/section-templates/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Section templates","slug":"section-templates","updated":"2023-01-26T00:00:00.000Z","category":"operator-guides-pages","ingress":"Learn how Article, Columns, Features, and Carousel templates affect your pages' layout in Flex.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Section templates control the layout of your Section via the content\nBlocks. Each Block of content in your Section is shown according to the\nrules of the chosen Section template. There are four templates to choose\nfrom: Article, Columns, Features and Carousel. This guide describes the\nlayout of these four Section templates."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you're looking for more general information about creating content\npages in your marketplace, this is the guide for you."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"article-template","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#article-template","ariaLabel":"article template permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Article template"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Article template is best for long-form written information. This\ntemplate emphasizes titles and content space for easier reading. It is\nperfect for creating content pages like Terms of use, Privacy policy, or\nFAQ pages. If you’re publishing blog content to your marketplace, the\nArticle template is the best way to layout your Blocks."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"layout","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#layout","ariaLabel":"layout permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Layout"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Article template stacks Blocks one on top of another. The Blocks are\ncentered on the page. Your Blocks appear in the Article layout below any\nSection title, ingress, or call to action button."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Each additional Block added to an Article section is stacked below the\nprevious Block. If you have a lot of written content to share, then\ncreating new Blocks for each topic lets you keep the information\norganized."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/c0265/articles.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 84.90566037735849%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB8UlEQVQ4y42U6ZKiQBCEff9HM2ZnUUdUBEXFW7xPQGvjK7ZYRubHGpFWUXRXZ2dnU3s8HnK/3+V8PsvxeJTT6aTxcrlojXeM+V/U0jTVBuPxRBynIY1GUz4/f0u9XpdOp6uDsiwTxhENaZYW9SRJCtT4g81qtZLlcinz+VzjbDZTlGtEq5MbIETjgiFbC8NQEQSBDAYDGY/HMhwONe/3+7JYLGSz2ejCRMvjOFZZIKYN+bOHJMm38Xw+Jfu7JdOG3+v10nfv+Dc/yRnu93sJw5F4Xl+azZZ8fPwS13Wl1Wqppl9fbXEcR7bbrdxuN5UIXK9XjdQKhiRseTqdShRFMhqNdLuTyURBnWd0Y3u73U4bs2UiNZzxrSEJRVu5DLOTnXL5RMv4tmWawWQ4DMV1O+J5ngTBQG3DIfl+oFJE0VQ1Y04ZPzZkIqdJM0BO87zuS7ebN0cGZEEeXEF+OByqtuEFgxloMO2AaUw04EHmQKhoCE1OK45zkREdzRAd763X68L0HIBd1TLK1tOGHDuDmUgT2MKan3nNPFi+foaKhjBCn16vJ+22q3eZuw1bmLIYEbZmFasxhh1WfAgrrpp5kRz4vq+RBYFdR0COvhUf4jf7EJjY1GAOWBBQs8+bPdunrmJsxEVLYJe97DPDe+3dh38Ajr4KxqyeaMwAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/82e29/articles.webp 159w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/ef33f/articles.webp 318w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/f1837/articles.webp 635w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/d9c53/articles.webp 908w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/8b9b5/articles.png 159w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/fa108/articles.png 318w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/53fb6/articles.png 635w","/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/c0265/articles.png 908w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/495a5c86e7cea42e6b3b073f33f27340/53fb6/articles.png","alt":"articles","title":"articles","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"The Article template is best for written text, like a Terms of use\npage. Shown is a single Section of a Terms page using the article\nlayout. Each heading is a different Block. Blocks are stacked one on top\nof the other."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"columns-template","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#columns-template","ariaLabel":"columns template permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Columns template"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Columns template displays Blocks side by side. It is great for breaking\ndown a particular message in a concise and engaging manner. There are\nmany potential use cases for using this layout, such as showcasing the\nlocations your marketplace serves or describing your marketplace’s value\nproposition to your buyers (or sellers)."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"layout-1","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#layout-1","ariaLabel":"layout 1 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Layout"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Columns template arranges Blocks side by side, starting from the\nleft-most edge. Each new Block represents one column. You may have as\nmany as four columns per row. Each new Block appears as a new column.\nYour Blocks below any Section title, ingress, or call to action button."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/ae637/columns.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 48.427672955974835%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACUElEQVQoz2WS7UtTYRiH97/0X/Q9iCCiz71QfTANwRDKYiRCUpFG7yBBGZIGZSK+5EttNp06cbkdN906Ovc+Z9Pt7Gy6s/OyK87RYdQD18PDzcPN73nuy6ZpGibqP2i6Tr4gsbuXR5IkcrldyuWyVbfuqyrVI8yzrusWNnPDOKJmYoCuUinJpONRYpFNUokEiViU/G6Omq5R4/9VD2arqhrZskqmrBGRFLYkhaikEClUiMsqv5Ua2XyR0FaSwEYMIRxhN7eDGI3j8q3hCYRYDonHCfcOVHrD+3TMJrg3Heb6hEiDK0PzXJYbrgwvQvu8n3RzuuEutx+95MPHAYKe73wdHeRyaxsnTp2j8Y4do95QUnR6/Ht0OkXG4hU6fmxxcWKD5oUdmubSPAmWCIphJob78bmnSQY9bAoLJH0u2tvtnDxznoRzCN04/FtboaLSE5Tomo8zIGRpnQxxYWqT5vksTbNpugIywV9hhNlhlpwjeBxjiL4FApOfedB2k1stjQTGB6x05sBsBUXnuSBx1v6MS5+WueJIcnUmbXFtJsV9f9FKuDo3Qnj5G17HEN6ZUVYco/S/fsrbh+30dndRrR5O2rZf1RlfEXn8po8vq3EG/TGmonmcqRKOpIw3p5BIp1lf9bIRElj3L/Fz0cWa30s2FcUvCEy7l6znWg1L2xmETjviq27KuSwHsmRpAwYYmqXE9qIbT1sLob53FA8qFIsyRVlG141jbepDURWFUjpFKZO2CkYNS2xTJxNV11HkIqVknIrpIaaqhsXfgtc9/ANn98Gf54Pd+AAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/82e29/columns.webp 159w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/ef33f/columns.webp 318w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/f1837/columns.webp 635w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/29549/columns.webp 953w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/20881/columns.webp 982w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/8b9b5/columns.png 159w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/fa108/columns.png 318w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/53fb6/columns.png 635w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/5a426/columns.png 953w","/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/ae637/columns.png 982w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/a9d64e6a95ffc5c8293117bf6a6cc039/53fb6/columns.png","alt":"columns","title":"columns","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Columns work best with multiple Blocks. In the default landing page,\nthis layout is used to encourage buyers to search for listings and\nproviders to create listings. Each column is a unique Block with a\ntitle, image, and call to action button."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"features-template","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#features-template","ariaLabel":"features template permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Features template"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Features template shows text and visual content side by side in\nalternating order. It is great for telling a story in a visually\nappealing manner. You should use it anytime you want to use visual and\ntext content side by side. For instance, a customer testimonial page\nwould look great using this template."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"layout-2","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#layout-2","ariaLabel":"layout 2 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Layout"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Features template transforms each Block into a single row within the\nSection. The Block will split visual and written information, one on\neach side of the center. Visual content can be a Youtube-hosted video or\nimage that you upload."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Each new Block adds a new row to this Section. The ordering of visual\nand text information will alternate with each new Block. Your Blocks\nappear in the Features layout below any Section title, ingress, or call\nto action button. Each new Block adds a new row"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/5deb5/features.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 100%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEGklEQVQ4y22U+2tbZRzGC/4L/i7+4O+CCKI/CYpMHUxhIoJzKIrI5nQ3Nud0sHmbE13F6aazUztHy+hm0rqtW7ray8piZtM29zVp07RJzsn15CTnnn7kvGnaeDnwcN73hfc5z/d8n+/TZVkWLkzTxLZtKpUKkUiUeDxBOBwhFotx9+5dotEY8USC4MwMoXCYuVCIer2BZdvibpuny9204R40Gg1yuRzpdJpkMikwn0yyuLDAYipFIh5jIZVClvJYhkHTtnA6RHW1F52krtJ/nzcME0UzqGkmqm6hGhaVhiFQ1Yz1u12dJI7jCLQJW6QWOBbjWZ2zsTrfR2qcnFX4+E6JI36Zg1N5PvRL4mOuUqFQ13UURaFarQq46w2lNquOxc1ljdNhlS+ny+wfTrBzKMIbNxbZOZFjz60cFZfQtujaaESEeDze+vnxOLIsr6GApTf4Y0Xj21CNfYOzdI/P0/NXjjcvB3npWpI9U3lRuiAUjajXKRULVCsVQe6iWCwKFApFbENjbEXneKDAAW+QqxmdnxMqR0YXeG5ghh2uwk7CuqaRkWUy+TypVIrl5WWy2ax45yUJx9QZXdH54k6J94ej9MUV+mNV9v4eZvOlEG93EtqrqyhLaULdJ5jv6xW2aXvS/X8u3Kb4llS6YwaHvX72n/OweyjMiwNBto0ssWsyS3ldoW2jVSuUpgNUE9FWp21bENp2qzHYFr6syZ7rSe57dBNPfO3ltbE8r/iW2D6S4fXRZUHoerJlG9tGsRwU3URV61RrNWpqXazLVQVTaxBWVvn8oo/tuw5wNlTk13iFH0IFvgsV+DFSRNUNbNc2sEosmeajk6e5dsXD0OBvPL3jEA+9vJNNbx3g3qe2cqK3n/8+Tdy7NFs+XZ8Ux2kiSxKB8WEW5yaJ+n2cv/ALr767jweeeYFHNm/h8qUB6g2NlWyWTGZZvPOSTE6SMC27hfakWLZDXSmTmpkkfmeMRHCC9NQVTh49xMObtzJ56hhKPMBKXiKRSAiPumEhZnx+HkmSqNfrGwptx0EpF4n4bxINjJEJjtHX/Sn3P7mFex58nBPv7aaxOItcLCPlspRKJYG2T90gcafLXksdUXKpkCcwOkQsME504hqTPV8xcuooI2c/Y+LMMWKjw1RNC7mmIhcK5PN5ocydJJdUVdWNkl2F1ZLM5NV+/D4v0dujeHt7OHzoA7755BhnDu5lxDNIYTpA5PxPyEtpSu40lctomiZyoDNT10qW+XPkIr6BHkY9FwhNXee2z4O3/zyPPb+N4z0X0ENBkn296JUyzVWERTqJ1gPWrV1VysSmJ5i77ePWDQ/+8Ruk5vx4Bz08+85hzg1dF0axoZXQhvGPrOxEV5u5NRkOrmJzba8ZJk2nSdM9Mw2R0FaHsv/D3/VmlLc9AdcGAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/82e29/features.webp 159w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/ef33f/features.webp 318w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/f1837/features.webp 635w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/ed238/features.webp 742w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/8b9b5/features.png 159w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/fa108/features.png 318w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/53fb6/features.png 635w","/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/5deb5/features.png 742w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/503a142abef7e669ebbb73c9bed300d9/53fb6/features.png","alt":"features","title":"features","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Features sections are highly visual. This example encourages buyers to\nfind listings and sellers to create them. Each row is a unique Block.\nBoth Blocks include an image, title, text, and call to action button.\nThis layout alternates where media and text information appear."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"carousel-template","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#carousel-template","ariaLabel":"carousel template permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Carousel template"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Carousel template creates a scrollable slideshow out of your content. It\nis another great option for showcasing information where visual content\ntakes center stage. Carousels also add an interactive element by\nrequiring a scroll to show all the information. Use this Section\ntemplate to showcase what is best about your marketplace, such as\npopular listings, categories, or providers."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"layout-3","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#layout-3","ariaLabel":"layout 3 permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Layout"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Unlike the features template, Blocks in a carousel all show on a single\nrow. Each Block is thumbnail. The carousel features 1, 2, 3, or 4 Blocks\non the page. Users can scroll or swipe through them to reveal additional\nBlocks of content."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"1 column carousels have the largest thumbnails. The more Blocks that are\nfeatured, the smaller each thumbnail in the carousel. Thumbnails can be\nvideo or images and feature text."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blocks appear in the Carousel layout below any Section title, ingress,\nor call to action button."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/e8bd6/carousel.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 37.106918238993714%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB2klEQVQoz2WR3UtTAQDF70v/RX9Cjz3UcxRJJS2FvnRlzGVkG1j0IfSSDXopC0Ss8GEYKWZDG30ik/Arlpa2ud193Zxuu2turrvNud17d3/FKHvowOHwg/N0jqBrKpqm8jerqor6x7Kc5vtqHFEM4V8JEJMk4vE1SqVSvVepVOs9TdN2LKg10AyoGqDzTwYGlco2W0qeTCpBQoqQlZPoWpX/ZNTAMDCMGgIFiVo2CIqfckZkyhti/rOI6I+SWE/zKZJiNiLzVYFAXmV6wc+o28PY6ymGxz+w6AuTySnI2TzZfAEhNHSF2UdnWejZz0xfB467g7x96mRyYJDpyXlO37iPqbmV445n2Cd87G2ycrThIIebWtm1ew9HzjRz7c5tHj/px/3GjdB9uR2HvY0O0yG6u67ycmScuQkXne12LtluYbN3YT5h4mSjCbPlIsdaztNiPoXVamHfgQYu2MxYOhu5d/0cPTfbELz9Dwi7hsmmk6yJAZaGnETfvyMWTxKVVvE9dyKOjpCMSfzIbeB1jfHxYS8rHg+SvIE4N8PiQC+xVy/YTK0jFIN+itFwfVt9u4ziW6IUC+/sXQiLKP5l9PJWnSupBMVvX1Az6Tqrmzl++pYphILov1/+BeY6z0udjRkoAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/82e29/carousel.webp 159w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/ef33f/carousel.webp 318w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/f1837/carousel.webp 635w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/29549/carousel.webp 953w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/c5420/carousel.webp 1270w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/b58ff/carousel.webp 1902w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/8b9b5/carousel.png 159w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/fa108/carousel.png 318w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/53fb6/carousel.png 635w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/5a426/carousel.png 953w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/91155/carousel.png 1270w","/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/e8bd6/carousel.png 1902w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/82a9a53339f3347c17ba4d9e246e1df3/53fb6/carousel.png","alt":"carousel","title":"carousel","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"A Carousel example showcasing different locations. Each location is\nadded as a Block with a title, image, and call to action button. The\ncall to action button takes you to the search page with the location’s\nsearch parameters inputted, which exists at a unique URL generated by\nmaking the search. The carousel is scrollable left and right using\narrows or by swiping."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"further-formatting-with-markdown","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#further-formatting-with-markdown","ariaLabel":"further formatting with markdown permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Further formatting with Markdown"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Section templates determine the layout of Blocks in a Section. If you\nwant to format how information looks inside your Block, then you should\nuse Markdown. Markdown is a syntax language that lets you format text\ninside Blocks.\n"},{"type":"element","tagName":"a","properties":{"href":"https://www.sharetribe.com/docs/operator-guides/how-to-format-your-text-in-pages/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Our guide"}]},{"type":"text","value":"\nfor formatting with Markdown will get you started using it with Pages."}]}],"data":{"quirksMode":false}},"headings":[{"value":"Article template","depth":2},{"value":"Layout","depth":3},{"value":"Columns template","depth":2},{"value":"Layout","depth":3},{"value":"Features template","depth":2},{"value":"Layout","depth":3},{"value":"Carousel template","depth":2},{"value":"Layout","depth":3},{"value":"Further formatting with Markdown","depth":2}]}},"pageContext":{"slug":"section-templates","category":"operator-guides-pages"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}