Demo layouts

All Shopify themes include a single layout of empty placeholder sections.

For the home page, Shopify themes can only include a single default layout. Eclipse's default template is based on the Journey demo store.

Themes cannot include content, images, or specific pages from the demos.

The demos provide examples of how to use the theme. When you download Eclipse, you have access to all the same sections, regardless of your current theme style.

Page templates

Eclipse includes page, product, and collection templates with demo layouts. Default templates are based on the Journey demo store.

Alternate page templates

Template

Demo (example)

about-1

about-2

events

landing

q-and-a

rich-content

Alternate product templates

Template

Demo (example)

default

alternative-layout

set-layout-1

set-layout-2

Add Coastal home page template

Use the template code below from the Coastal demo to replace your home page template in the theme code editor. No knowledge of code is necessary - it's as easy as copy and paste.

Duplicate your theme and open the theme code editor.
Copy the demo layout code below and paste it into Templates > index.json

You need a purchased copy of Eclipse to access the theme code editor.

View live demo. Copy and paste code in index.json

15KB

coastal-home.json

Last updated 2 months ago

Was this helpful?