Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Page templates
  • Add home page templates

Was this helpful?

  1. Pages

Demo layouts

Last updated 1 month ago

Was this helpful?

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 .

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 home page templates


Use the template code below from the Coastal and Ripple demos 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.

  1. Duplicate your theme and open the theme code editor.

  2. 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.

. Copy and paste code in index.json

. Copy and paste code in index.json

theme style
View live demo
View live demo
Journey ↗
Coastal ↗
Journey ↗
Journey ↗
Journey ↗
Journey ↗
Journey ↗
Coastal ↗
Journey ↗
Coastal ↗
15KB
coastal-home.json
23KB
ripple-home.json