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. 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 switcher
The Collection switcher 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. 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.
6. 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.
7. 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.
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. 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.
10. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
11. Featured product
The Featured product section highlights one product with its image, details, price, and purchase options. Use it to promote best sellers, new arrivals, or a specific product campaign.
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. 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. 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. 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. Map
The Map section shows a location map with supporting store information. Use it to highlight a physical store, showroom, event location, or pickup point.
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.
-
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. 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 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.
4. 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.
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. 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.
7. 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.
8. 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.
9. Large image with text box
Here, we used a second Large image with text box to describe additional product features.
10. Map
The Map section shows a location map with supporting store information. Use it to highlight a physical store, showroom, event location, or pickup point.
11. 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 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.
4. 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.
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. 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. Featured product
The Featured product section highlights one product with its image, details, price, and purchase options. Use it to promote best sellers, new arrivals, or a specific product campaign.
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
Here, we used a second Large image with text box to describe additional product features.
11. Image with text
We used a second Image with text section to discuss desk decluttering and selected Arch as the image shape.
12. Featured collection
The Featured collection showcases products from a selected collection. Use it to highlight best sellers, new arrivals, sale products, or recommended items.
13. 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.
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.