The following is a breakdown of the Motion theme homepage sections used in our live demo shops for the Motion, Satchel, and Memo style presets. You can learn more about theme styles here.
-
Motion
Details for the Motion 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 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.
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. 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.
5. Collection tabs
The Collection tabs lets customers browse products from different collections in one section. Use it to showcase multiple product groups without adding separate collection sections.
6. Video hero
The Video hero displays a large video banner with optional text and button links. Use it for brand storytelling, campaign launches, product videos, or high-impact homepage visuals.
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.
8. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
9. Collection callout
The Collection callout highlights a selected collection with image and text. Use it to promote a featured category, seasonal collection, or key shopping path.
10. Fading image hero
The Fading image hero features large rotating hero images with optional text and buttons. Use it for homepage banners, seasonal campaigns, featured collections, or brand storytelling.
11. 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.
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. 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.
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. 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.
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.
-
Satchel
Details for the Satchel 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. Fading image hero
The Fading image hero features large rotating hero images with optional text and buttons. Use it for homepage banners, seasonal campaigns, featured collections, or brand storytelling.
3. Collection tabs
The Collection tabs lets customers browse products from different collections in one section. Use it to showcase multiple product groups without adding separate collection sections.
4. Collection callout
The Collection callout highlights a selected collection with image and text. Use it to promote a featured category, seasonal collection, or key shopping path.
5. 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.
6. 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.
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. 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. 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.
10. 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.
-
Memo
Details for the Memo 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. Video hero
The Video hero displays 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. Collection tabs
The Collection tabs lets customers browse products from different collections in one section. Use it to showcase multiple product groups without adding separate collection sections.
4. Collection callout
The Collection callout highlights a selected collection with image and text. Use it to promote a featured category, seasonal collection, or key shopping path.
5. 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.
6. 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.
7. Large video with text box
The Large video with text box section features a large video with an overlaid text area and optional button. Use it for brand storytelling, campaign videos, tutorials, or high-impact homepage content.
8. Collection list
The Collection list features selected collections in a grid. Use it to help customers browse categories, seasonal collections, or featured product groups.
9. 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.
10. 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.
11. Image with text
We used a second Image with text section to provide additional product information.
12. Large video with text box
A second Large video with text box section is used to feature the Lookbook page.
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
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
15. 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.
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.