Advanced: How to stack homepage sections in a template

If you need more than one homepage element on a custom page, you can stack sections in your template file:

Build the Sections first by using the same technique in the tutorial. There's a blue reference grid at the bottom of the tutorial to help you find the code from other homepage sections. Once you've created the new sections, then use the stacking concept for the template page (above). 


Advanced tip:

In your template file, you can actually remove the original Page code. Instead, build one or two page-text section files (Rich Text section - original code is in index-page.liquid). Then, you can use the Page block of the Rich text section to pull-in another page into this page. That's how you can have rich homepage elements sandwiching text/page content. Here's an example of what your template can look like:

Still need help? Contact Us Contact Us