The following is a breakdown of the Streamline theme homepage sections used in our live demo shops for the Streamline, Satin and Fern style presets. You can learn more about theme styles here.
-
Streamline
Details for the Streamline 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 and navigation menu.
Here, the Overlay header over home page setting is enabled, allowing the header to appear on top of the shoppable hero section.
2. Video hero
The Video hero features a large video banner with optional text and button links. Use it for brand storytelling, campaign launches, product videos, or high-impact homepage visuals.
3. 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.
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. Animated image hero
The Animated image hero features a large hero image with animated movement, optional text, and call-to-action buttons. Use it for eye-catching homepage banners, campaign highlights, product storytelling, or featured collections.
7. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display products from the Tops collection.
8. 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.
9. Featured collection
A third Featured collection section was used to showcase sale items. Here, the Use alternate section color setting was enabled to give the section a different background color.
10. 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.
11. Hero (optional slideshow)
The Hero (optional slideshow) 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. 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.
13. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
14. 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.
-
Satin
Details for the Satin 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 and navigation menu.
Here, the Overlay header over home page setting is enabled, allowing the header to appear on top of the shoppable hero section.
2. Video hero
The Video hero features a large video banner with optional text and button links. Use it for brand storytelling, campaign launches, product videos, or high-impact homepage visuals.
Here, a button was added so visitors can watch a longer version of the video with sound.
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. 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.
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 with text
A second Image with text section was used to display new product images and link to the collection.
7. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display best-selling products.
8. Animated image hero
The Animated image hero features a large hero image with animated movement, optional text, and call-to-action buttons. Use it for eye-catching homepage banners, campaign highlights, product storytelling, or featured collections.
9. 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.
10. 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.
11. Featured collection
A third Featured collection section was used to showcase products from the Lounge collection.
12. Large image with text box
The Large image with text box presents a large image with an overlaid text box and optional button. Use it for brand storytelling, collection introductions, campaign banners, or key promotional messages.
13. 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.
14. Featured collection
A fourth Featured collection section was used to showcase products from the Bodysuits collection. Here, the Use alternate section color setting was enabled to give the section a different background color.
15. 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.
16. 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.
-
Fern
Details for the Fern 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 and navigation menu.
Here, the Overlay header over home page setting is enabled, allowing the header to appear on top of the shoppable hero section.
2. Animated image hero
The Animated image hero features a large hero image with animated movement, optional text, and call-to-action buttons. Use it for eye-catching homepage banners, campaign highlights, product storytelling, or featured collections.
3. 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.
4. 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.
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. 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. Here, we used the Hero layout for this section.
8. Video hero
The Video hero features a large video banner with optional text and button links. Use it for brand storytelling, campaign launches, product videos, or high-impact homepage visuals.
9. Featured collection
A second Featured collection can highlight another product group. Here, we used it to display products from the Organic silk collection.
10. Scrolling text
We added a second Scrolling text section as an introduction to the following section about a product collaboration.
11. Image with text
A second Image with text section was used to introduce a product collaboration and provide a link to the product page.
12. Featured collection
A third Featured collection section was used to showcase Tees.
13. 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.
14. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
15. 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.
16. 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.
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.