The following is a breakdown of the Expanse theme homepage sections used in our live demo shops for the Expanse, Revive, Spritz, Fetch and Gem style presets. You can learn more about theme styles here.
-
Expanse
Details for the Expanse demo homepage
1. Header group
The Header group contains the top sections of the store, including the Announcement bar and Header. Use the Announcement bar for store-wide messages, promotions, shipping offers, or updates. Use the Header to display the logo, store navigation menu, and social media links.
2. Split (optional slides)
The Split (optional slides) section features side-by-side image and text content, with the option to add multiple slides. Use it for collection introductions, brand storytelling, product highlights, promotional messages, or linking customers to featured pages.
3. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
4. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
5. Image hotspots
The Image hotspots section features an image with clickable hotspot markers. Use it to highlight product details, link to featured products, or create an interactive "shop the look" experience.
6. Promotional grid
The Promotional grid presents flexible promotional blocks using images, videos, products, collections, or banners. Use it for campaign callouts, sale promotions, collection highlights, or visual merchandising.
Here, we used two Sale collection blocks to promote discounted products.
7. Hero (optional slides)
The Hero (optional slides) is a great way to capture customers’ attention with eye-catching banner images and short text. Use it to encourage customers to engage with your store, learn more, or explore your products.
8. Logo list
The Logo list features a row or grid of logo images. Use it to highlight brand partners, press mentions, featured retailers, or trust badges.
9. Email signup
The Email signup section features a newsletter form with optional heading and text. Use it to collect customer emails or encourage customers to receive store updates.
10. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display products from the Spring arrivals collection.
11. Promotional grid
Here, we used three different blocks in the second Promotional grid section: a Product block to feature a product, a Simple block that links to a collection, and a Banner block that links to the shipping information page.
12. Countdown
The Countdown section displays a timer with supporting text and optional button. Use it for sales, product launches, limited-time offers, event reminders, or campaign deadlines.
13. Split (optional slides)
Here, we used a second Split (optional slides) section to share the year the business started and link to the Our company page.
14. Text columns with icons
The Text columns with icons section features short text blocks with icons. Use it for trust badges, shipping and returns details, product benefits, store values, or "how it works" steps.
15. Blog posts
The Blog posts section displays recent articles from a selected blog. Use it to feature news, guides, stories, updates, or educational content that supports your products or brand.
16. Footer promotions
The Footer promotions section displays promotional blocks above the footer with images, text, and optional links. Use it to highlight store benefits, featured collections, shipping offers, newsletter prompts, or key promotional messages before customers reach the footer.
17. Footer
The Footer appears at the bottom of the store. Use it for navigation links, policy pages, contact information, newsletter signup, social links, payment icons, and localization options.
-
Revive
Details for the Revive demo homepage
1. Header group
The Header group contains the top sections of the store, including the Announcement bar and Header. Use the Announcement bar for store-wide messages, promotions, shipping offers, or updates. Use the Header to display the logo, store navigation menu, and social media links.
Here, the Overlay header over home page setting is enabled, allowing the header to appear on top of the shoppable hero section.
2. Hero (optional slides)
The Hero (optional slides) is a great way to capture customers’ attention with eye-catching banner images and short text. Use it to encourage customers to engage with your store, learn more, or explore your products.
3. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
4. Countdown
The Countdown section displays a timer with supporting text and optional button. Use it for sales, product launches, limited-time offers, event reminders, or campaign deadlines.
5. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
6. Image hotspots
The Image hotspots section features an image with clickable hotspot markers. Use it to highlight product details, link to featured products, or create an interactive "shop the look" experience.
7. Testimonials
The Testimonials section presents customer quotes or reviews with optional names, images, and supporting details. Use it to build trust, highlight customer feedback, or share social proof.
8. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display Skin brightening products.
9. Split (optional slides)
The Split (optional slides) section features side-by-side image and text content, with the option to add multiple slides. Use it for collection introductions, brand storytelling, product highlights, promotional messages, or linking customers to featured pages.
10. Logo list
The Logo list features a row or grid of logo images. Use it to highlight brand partners, press mentions, featured retailers, or trust badges.
11. Image comparison
The Image comparison section features two images with a slider to compare them side by side. Use it to show before-and-after results, product transformations, service outcomes, design changes, or visual comparisons.
12. Split (optional slides)
We used a second Split (optional slides) section to highlight a specific collection.
13. Promotional grid
The Promotional grid presents flexible promotional blocks using images, videos, products, collections, or banners. Use it for campaign callouts, sale promotions, collection highlights, or visual merchandising.
Here, we used a Banner block to announce free shipping on orders over $100.
14. Featured collection
A third Featured collection was used to show mask products.
15. Split (optional slides)
Here, a third Split (optional slides) section was used to share the year the business started and link to the contact us page.
16. Text columns with images
The Text columns with images section combines images and text in a structured grid. Use it to show product features, service offerings, "how it works" steps, team members, membership benefits, or other image-based content.
17. Rich text
The Rich text section provides a text-focused content block with a heading, body text, and optional button. Use it for brand messaging, store introductions, announcements, campaign details, or adding supporting information between visual sections.
18. Blog posts
The Blog posts section displays recent articles from a selected blog. Use it to feature news, guides, stories, updates, or educational content that supports your products or brand.
19. Email signup
The Email signup section features a newsletter form with optional heading and text. Use it to collect customer emails or encourage customers to receive store updates.
20. Footer promotions
The Footer promotions section displays promotional blocks above the footer with images, text, and optional links. Use it to highlight store benefits, featured collections, shipping offers, newsletter prompts, or key promotional messages before customers reach the footer.
21. Footer
The Footer appears at the bottom of the store. Use it for navigation links, policy pages, contact information, newsletter signup, social links, payment icons, and localization options.
-
Spritz
Details for the Spritz demo homepage
1. Header group
The Header group contains the top sections of the store, including the Announcement bar and Header. Use the Announcement bar for store-wide messages, promotions, shipping offers, or updates. Use the Header to display the logo, store navigation menu, and social media links.
2. Split (optional slides)
The Split (optional slides) section features side-by-side image and text content, with the option to add multiple slides. Use it for collection introductions, brand storytelling, product highlights, promotional messages, or linking customers to featured pages.
3. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
4. Countdown
The Countdown section displays a timer with supporting text and optional button. Use it for sales, product launches, limited-time offers, event reminders, or campaign deadlines.
5. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display newly added products.
6. Image hotspots
The Image hotspots section features an image with clickable hotspot markers. Use it to highlight product details, link to featured products, or create an interactive "shop the look" experience.
7. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
8. Promotional grid
The Promotional grid presents flexible promotional blocks using images, videos, products, collections, or banners. Use it for campaign callouts, sale promotions, collection highlights, or visual merchandising.
Here, we used one Banner block for the free shipping message and two Sale collection blocks to promote discounted products.
9. Split (optional slides)
We used a second Split (optional slides) section to highlight a specific collection.
10. Promotional grid
Here, we used two Hero blocks in the second Promotional grid section to link to a collection page and the recipe page.
11. Hero (optional slides)
The Hero (optional slides) is a great way to capture customers’ attention with eye-catching banner images and short text. Use it to encourage customers to engage with your store, learn more, or explore your products.
12. Testimonials
The Testimonials section presents customer quotes or reviews with optional names, images, and supporting details. Use it to build trust, highlight customer feedback, or share social proof.
13. Featured collection
A third Featured collection was used to show non-alcoholic Wines.
14. Logo list
The Logo list features a row or grid of logo images. Use it to highlight brand partners, press mentions, featured retailers, or trust badges.
15. Image with text
The Image with text section pairs images with supporting text. Use it to introduce a collection, explain product benefits, share brand details, or promote a specific feature.
16. Email signup
The Email signup section features a newsletter form with optional heading and text. Use it to collect customer emails or encourage customers to receive store updates.
17. Blog posts
The Blog posts section displays recent articles from a selected blog. Use it to feature news, guides, stories, updates, or educational content that supports your products or brand.
18. Rich text
The Rich text section provides a text-focused content block with a heading, body text, and optional button. Use it for brand messaging, store introductions, announcements, campaign details, or adding supporting information between visual sections.
19. Footer promotions
The Footer promotions section displays promotional blocks above the footer with images, text, and optional links. Use it to highlight store benefits, featured collections, shipping offers, newsletter prompts, or key promotional messages before customers reach the footer.
20. Footer
The Footer appears at the bottom of the store. Use it for navigation links, policy pages, contact information, newsletter signup, social links, payment icons, and localization options.
-
Fetch
Details for the Fetch demo homepage1. Header group
The Header group contains the top sections of the store, including the Announcement bar and Header. Use the Announcement bar for store-wide messages, promotions, shipping offers, or updates. Use the Header to display the logo, store navigation menu, and social media links.
2. Image with text
The Image with text section pairs images with supporting text. Use it to introduce a collection, explain product benefits, share brand details, or promote a specific feature.
Here, we used the Splat 1 image shape to give the dog image a unique design.3. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
4. Video hero
The Video hero features a large video banner with optional text and call-to-action buttons. Use it for brand storytelling, campaign launches, product highlights, or high-impact homepage visuals.
5. Logo list
The Logo list features a row or grid of logo images. Use it to highlight brand partners, press mentions, featured retailers, or trust badges.
6. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display products from the Daily Grooming Essentials collection.
7. Promotional grid
The Promotional grid presents flexible promotional blocks using images, videos, products, collections, or banners. Use it for campaign callouts, sale promotions, collection highlights, or visual merchandising.
Here, we used a Sale collection block to promote discounted products and a Product block to feature a product.
8. Text columns with icons
The Text columns with icons section features short text blocks with icons. Use it for trust badges, shipping and returns details, product benefits, store values, or "how it works" steps.
9. Image hotspots
The Image hotspots section features an image with clickable hotspot markers. Use it to highlight product details, link to featured products, or create an interactive "shop the look" experience.
10. Testimonials
The Testimonials section presents customer quotes or reviews with optional names, images, and supporting details. Use it to build trust, highlight customer feedback, or share social proof.
11. Split (optional slides)
The Split (optional slides) section features side-by-side image and text content, with the option to add multiple slides. Use it for collection introductions, brand storytelling, product highlights, promotional messages, or linking customers to featured pages.
12. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
13. Countdown
The Countdown section displays a timer with supporting text and optional button. Use it for sales, product launches, limited-time offers, event reminders, or campaign deadlines.
14. Blog posts
The Blog posts section displays recent articles from a selected blog. Use it to feature news, guides, stories, updates, or educational content that supports your products or brand.
15. Scrolling text
The Scrolling text section features moving text across the page. Use it for announcements, promotions, brand messages, shipping offers, campaign slogans, or highlighting key store updates.
16. Footer promotions
The Footer promotions section displays promotional blocks above the footer with images, text, and optional links. Use it to highlight store benefits, featured collections, shipping offers, newsletter prompts, or key promotional messages before customers reach the footer.
17. Footer
The Footer appears at the bottom of the store. Use it for navigation links, policy pages, contact information, newsletter signup, social links, payment icons, and localization options.
-
Gem
Details for the Gem demo homepage
1. Header group
The Header group contains the top sections of the store, including the Announcement bar and Header. Use the Announcement bar for store-wide messages, promotions, shipping offers, or updates. Use the Header to display the logo, store navigation menu, and social media links.
2. Promotional grid
The Promotional grid presents flexible promotional blocks using images, videos, products, collections, or banners. Use it for campaign callouts, sale promotions, collection highlights, or visual merchandising.
For this layout, we used two Hero blocks, two Image blocks, one Banner block, and one Simple block.
3. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
4. Logo list
The Logo list features a row or grid of logo images. Use it to highlight brand partners, press mentions, featured retailers, or trust badges.
5. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
6. Image hotspots
The Image hotspots section features an image with clickable hotspot markers. Use it to highlight product details, link to featured products, or create an interactive "shop the look" experience.
7. Gallery
The Gallery section features multiple images in a flexible layout. Use it for lookbooks, brand imagery, product lifestyle photos, or visual storytelling.
8. Testimonials
The Testimonials section presents customer quotes or reviews with optional names, images, and supporting details. Use it to build trust, highlight customer feedback, or share social proof.
9. Hero (optional slides)
The Hero (optional slides) is a great way to capture customers’ attention with eye-catching banner images and short text. Use it to encourage customers to engage with your store, learn more, or explore your products.
10. Media with text
The Media with text section pairs an image or video with supporting text and optional buttons. Use it to introduce collections, explain product benefits, share brand details, or promote featured content.
11. Blog posts
The Blog posts section displays recent articles from a selected blog. Use it to feature news, guides, stories, updates, or educational content that supports your products or brand.
12. Text columns with icons
The Text columns with icons section features short text blocks with icons. Use it for trust badges, shipping and returns details, product benefits, store values, or "how it works" steps.
13. Footer
The Footer appears at the bottom of the store. Use it for navigation links, policy pages, contact information, newsletter signup, social links, payment icons, and localization options.