What Motion is great at
Motion is known for animation and video-first product pages. If that matches your brand, keep it — you don’t need a new theme, just more sections.
Where it runs out of sections
- Video testimonials and UGC-style proof
- Animated announcement formats
Best Section Shop sections for Motion
Picked from Testimonials & Reviews, Announcement Bars, Product Showcases — all free, all native to the theme editor.
Free Review Cards 1
15 installsTestimonials & Reviews
Customer reviews on a coloured band: a star rating in a pill, a heading and a row of cards that scrolls, each with the review, a verified mark, an initial or photo, the name and stars. Arrows on computers, a swipe on phones, and wavy edges if you want them.
View section →
Free Reviews Summary 1
Testimonials & Reviews
A reviews page in one section: the average and how many reviews it rests on, a bar for each star, a button to write one, then the reviews in a masonry wall with a sort menu and a Load more button. The summary is worked out from the reviews added here, or typed in when the real numbers live in another app.
View section →
Free Marquee 4
Announcement Bars
A scrolling band that can carry words, images, buttons and a live countdown together. The digits use tabular figures and the days field reserves the width it needs at render time, so a tick can never change the set width and jog the loop. The clock is worked out server-side first, so the numbers are right at first paint.
View section →
Free Marquee 3
Announcement Bars
A sale marquee with depth: a faint oversized ghost of the same words drifts behind at half speed, and the emblems bob gently in place. Words alternate filled and hollow, which is what gives the band its rhythm without needing a second colour. An emblem set to turn keeps turning, because spin and bob both animate the same property.
View section →
Free Product Callouts 1
Product Showcases
One photo in the middle and the reasons to buy set around it, half on each side, each with an icon from the shared set or your own, a title and a line of text. On a product page the photo can be the product's own until you pick another, and on phones the callouts fall into a tidy grid under the picture.
View section →
Free Product Tiles 1
Product Showcases
Three tall tiles, each carrying one product under a big display word. The photo flips on hover when a second one is set, and the caption trades places with the buy button. On a phone the caption can sit on the photo or under it, and the text is contrast-checked for whichever you choose.
View section →Tip for Motion: Video Testimonials next to Motion’s animated sections keeps the whole page moving without feeling chaotic.
How to add them to Motion
- 1
Install Section Shop
Free from the Shopify App Store. Your Motion setup is untouched.
- 2
Add the sections you need
Browse the library in the app and click Add — the section lands in your theme as a native file.
- 3
Customize in the editor
Open the Motion theme editor — the new sections are in the picker, inheriting your fonts.
All 164 Motion integration guides
One step-by-step guide per section — how it installs on Motion, why it fits, and what to customize first.
Shoppable Video & Stories
- How to add Shoppable Stories to Motion
- How to add Video Quick Shop to Motion
- How to add Shoppable Slider to Motion
- How to add Social Posts to Motion
- How to add Social Reels to Motion
- How to add Shoppable Reels to Motion
- How to add Shoppable Video to Motion
- How to add Video Stories to Motion
- How to add Video Testimonials to Motion
Collection Showcases
- How to add Collection Grid to Motion
- How to add Shop Collections 7 to Motion
- How to add Shop Collections 6 to Motion
- How to add Shop Collections 1 to Motion
- How to add Shop Collections 4 to Motion
- How to add Shop Collections 5 to Motion
- How to add Shop Collections 2 to Motion
- How to add Shop Collections 3 to Motion
- How to add Collection Circles to Motion
Headers & Navigation
Hero & Banners
- How to add Newsletter Band 1 to Motion
- How to add Coverflow 2 to Motion
- How to add Coverflow 1 to Motion
- How to add Slideshow 4 to Motion
- How to add Slideshow 3 to Motion
- How to add Slideshow 2 to Motion
- How to add Slideshow 1 to Motion
- How to add Hero Slider 1 to Motion
- How to add Hero Review 2 to Motion
- How to add Hero Review 1 to Motion
- How to add Hero Stats 1 to Motion
- How to add Hero Split 3 to Motion
- How to add Hero Split 2 to Motion
- How to add Hero Split 1 to Motion
- How to add Hero Grid 1 to Motion
- How to add Hero Image 3 to Motion
- How to add Hero Image 2 to Motion
- How to add Hero Image 1 to Motion
- How to add Study Slider to Motion
- How to add Hero 9 Banner to Motion
- How to add Image Templates Banner to Motion
- How to add Rotating Carousel Banner to Motion
- How to add Split Content Banner to Motion
- How to add Hero Banner to Motion
- How to add Minimal Text Banner to Motion
- How to add Gradient Overlay Banner to Motion
- How to add Stacked Promotion Banner to Motion
Image with Text
- How to add Stat Rings 1 to Motion
- How to add Guarantee Band 1 to Motion
- How to add Ingredient Tabs to Motion
- How to add Selling Points to Motion
- How to add Feature Rows to Motion
- How to add Media Specs to Motion
- How to add Editorial Story to Motion
- How to add Image Text Benefits to Motion
- How to add Image With Text Premium to Motion
- How to add Image Text Zigzag to Motion
- How to add Image Text Cards to Motion
- How to add Image Text Overlay to Motion
- How to add Image Text Split to Motion
- How to add Designed with an Edge to Motion
- How to add Explore Our Gallery to Motion
Announcement Bars
- How to add Marquee 4 to Motion
- How to add Marquee 3 to Motion
- How to add Marquee 2 to Motion
- How to add Marquee 1 to Motion
- How to add Announcement Bar 5 to Motion
- How to add Announcement Bar 4 to Motion
- How to add Announcement Bar 3 to Motion
- How to add Announcement Bar 2 to Motion
- How to add Announcement Bar 1 to Motion
- How to add 3D Flip Rotator to Motion
- How to add Stock Ticker Pro to Motion
- How to add Urgency Split Bar to Motion
- How to add Neon Glow Marquee to Motion
- How to add Gradient Marquee to Motion
Countdown Timers
- How to add Countdown Drop 1 to Motion
- How to add Countdown Sale 5 to Motion
- How to add Countdown Sale 4 to Motion
- How to add Countdown Sale 3 to Motion
- How to add Countdown Sale 2 to Motion
- How to add Countdown Sale 1 to Motion
- How to add Countdown Media 1 to Motion
- How to add Countdown Split 1 to Motion
- How to add Countdown Hero 2 to Motion
- How to add Countdown Bar 1 to Motion
- How to add Countdown Product Launch to Motion
- How to add Countdown Minimal to Motion
- How to add Countdown Boxed to Motion
- How to add Countdown Hero to Motion
- How to add Countdown Banner to Motion
Comparison Tables
- How to add Comparison Table 1 to Motion
- How to add Product Comparison Table to Motion
- How to add Dual Flow Comparison to Motion
- How to add Competitor Comparison to Motion
- How to add Before After Table to Motion
- How to add Feature Comparison to Motion
- How to add Pricing Table to Motion
- How to add After Before Slider to Motion
- How to add Discover the Difference to Motion
FAQ Sections
Feature Highlights
Product Showcases
- How to add Product Callouts 1 to Motion
- How to add Product Tiles 1 to Motion
- How to add Product Banner 2 to Motion
- How to add Product Banner 1 to Motion
- How to add Product Slider 11 to Motion
- How to add Product Slider 10 to Motion
- How to add Product Slider 9 to Motion
- How to add Product Slider 8 to Motion
- How to add Product Slider 7 to Motion
- How to add Product Grid 6 to Motion
- How to add Product Grid 5 to Motion
- How to add Product Grid 4 to Motion
- How to add Product Story 1 to Motion
- How to add Product Slider 6 to Motion
- How to add Product Slider 5 to Motion
- How to add Product Slider 4 to Motion
- How to add Product Slider 3 to Motion
- How to add Product Slider 2 to Motion
- How to add Product Slider 1 to Motion
- How to add Product Grid 3 to Motion
- How to add Product Grid 2 to Motion
- How to add Product Grid 1 to Motion
- How to add Shop The Look 5 to Motion
- How to add Shop The Look 4 to Motion
- How to add Shop The Look 3 to Motion
- How to add Shop The Look 2 to Motion
- How to add Shop The Look 1 to Motion
- How to add Product Ingredients to Motion
- How to add Product Bundle to Motion
- How to add Product Specifications to Motion
- How to add Product Gallery to Motion
- How to add Product Features to Motion
Testimonials & Reviews
- How to add Review Cards 1 to Motion
- How to add Reviews Summary 1 to Motion
- How to add Photo Reviews 1 to Motion
- How to add Media Proof to Motion
- How to add Testimonial Spotlight to Motion
- How to add Reviews Marquee to Motion
- How to add Reviews Wall to Motion
- How to add Testimonials Grid to Motion
- How to add Testimonials Carousel to Motion
Content & Extras
Motion + Section Shop, in short
Does Section Shop work with the Motion theme?
Yes. Motion is an Online Store 2.0 theme, and Section Shop sections install as native OS 2.0 sections through Shopify's official theme API — the same mechanism Motion's own sections use.
Will added sections match Motion's design?
By default every Section Shop section inherits your theme's fonts, so it picks up Motion's typography automatically. Colors, spacing and content are all editable in the theme editor.
Do I need to edit Motion's code?
No. You install the app, click Add on a section, and it appears in your theme editor ready to customize. No Liquid, no CSS, no theme duplication required.