What Origin is great at
Origin is known for bold type and product-first structure. If that matches your brand, keep it — you don’t need a new theme, just more sections.
Where it runs out of sections
- Needs stronger urgency and promotion sections
- Spec-heavy products want structured tables
Best Section Shop sections for Origin
Picked from Product Showcases, Countdown Timers, Announcement Bars — all free, all native to the theme editor.
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 →
Free Countdown Drop 1
Countdown Timers
A holographic banner for a launch or a restock, running either as a countdown to a scheduled drop or as a pulsing live badge for one already open. The drop name is rendered as a holographic wordmark with a plain-colour fallback, so it is never invisible on an older browser.
View section →
Free Countdown Sale 5
Countdown Timers
A seasonal sale band with an illustration beside the wording: pick Easter, Mother's Day, Summer, Launch day or Lunar New Year and the artwork changes while everything else stays put. Every season is drawn inline in the band's own two colours, so switching costs no extra request and can never clash. Ships with five ready-made presets.
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 →Tip for Origin: Origin’s bold type pairs well with a stock ticker or marquee announcement — movement on top, specs below.
How to add them to Origin
- 1
Install Section Shop
Free from the Shopify App Store. Your Origin 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 Origin theme editor — the new sections are in the picker, inheriting your fonts.
All 164 Origin integration guides
One step-by-step guide per section — how it installs on Origin, why it fits, and what to customize first.
Shoppable Video & Stories
- How to add Shoppable Stories to Origin
- How to add Video Quick Shop to Origin
- How to add Shoppable Slider to Origin
- How to add Social Posts to Origin
- How to add Social Reels to Origin
- How to add Shoppable Reels to Origin
- How to add Shoppable Video to Origin
- How to add Video Stories to Origin
- How to add Video Testimonials to Origin
Collection Showcases
- How to add Collection Grid to Origin
- How to add Shop Collections 7 to Origin
- How to add Shop Collections 6 to Origin
- How to add Shop Collections 1 to Origin
- How to add Shop Collections 4 to Origin
- How to add Shop Collections 5 to Origin
- How to add Shop Collections 2 to Origin
- How to add Shop Collections 3 to Origin
- How to add Collection Circles to Origin
Headers & Navigation
Hero & Banners
- How to add Newsletter Band 1 to Origin
- How to add Coverflow 2 to Origin
- How to add Coverflow 1 to Origin
- How to add Slideshow 4 to Origin
- How to add Slideshow 3 to Origin
- How to add Slideshow 2 to Origin
- How to add Slideshow 1 to Origin
- How to add Hero Slider 1 to Origin
- How to add Hero Review 2 to Origin
- How to add Hero Review 1 to Origin
- How to add Hero Stats 1 to Origin
- How to add Hero Split 3 to Origin
- How to add Hero Split 2 to Origin
- How to add Hero Split 1 to Origin
- How to add Hero Grid 1 to Origin
- How to add Hero Image 3 to Origin
- How to add Hero Image 2 to Origin
- How to add Hero Image 1 to Origin
- How to add Study Slider to Origin
- How to add Hero 9 Banner to Origin
- How to add Image Templates Banner to Origin
- How to add Rotating Carousel Banner to Origin
- How to add Split Content Banner to Origin
- How to add Hero Banner to Origin
- How to add Minimal Text Banner to Origin
- How to add Gradient Overlay Banner to Origin
- How to add Stacked Promotion Banner to Origin
Image with Text
- How to add Stat Rings 1 to Origin
- How to add Guarantee Band 1 to Origin
- How to add Ingredient Tabs to Origin
- How to add Selling Points to Origin
- How to add Feature Rows to Origin
- How to add Media Specs to Origin
- How to add Editorial Story to Origin
- How to add Image Text Benefits to Origin
- How to add Image With Text Premium to Origin
- How to add Image Text Zigzag to Origin
- How to add Image Text Cards to Origin
- How to add Image Text Overlay to Origin
- How to add Image Text Split to Origin
- How to add Designed with an Edge to Origin
- How to add Explore Our Gallery to Origin
Announcement Bars
- How to add Marquee 4 to Origin
- How to add Marquee 3 to Origin
- How to add Marquee 2 to Origin
- How to add Marquee 1 to Origin
- How to add Announcement Bar 5 to Origin
- How to add Announcement Bar 4 to Origin
- How to add Announcement Bar 3 to Origin
- How to add Announcement Bar 2 to Origin
- How to add Announcement Bar 1 to Origin
- How to add 3D Flip Rotator to Origin
- How to add Stock Ticker Pro to Origin
- How to add Urgency Split Bar to Origin
- How to add Neon Glow Marquee to Origin
- How to add Gradient Marquee to Origin
Countdown Timers
- How to add Countdown Drop 1 to Origin
- How to add Countdown Sale 5 to Origin
- How to add Countdown Sale 4 to Origin
- How to add Countdown Sale 3 to Origin
- How to add Countdown Sale 2 to Origin
- How to add Countdown Sale 1 to Origin
- How to add Countdown Media 1 to Origin
- How to add Countdown Split 1 to Origin
- How to add Countdown Hero 2 to Origin
- How to add Countdown Bar 1 to Origin
- How to add Countdown Product Launch to Origin
- How to add Countdown Minimal to Origin
- How to add Countdown Boxed to Origin
- How to add Countdown Hero to Origin
- How to add Countdown Banner to Origin
Comparison Tables
- How to add Comparison Table 1 to Origin
- How to add Product Comparison Table to Origin
- How to add Dual Flow Comparison to Origin
- How to add Competitor Comparison to Origin
- How to add Before After Table to Origin
- How to add Feature Comparison to Origin
- How to add Pricing Table to Origin
- How to add After Before Slider to Origin
- How to add Discover the Difference to Origin
FAQ Sections
Feature Highlights
Product Showcases
- How to add Product Callouts 1 to Origin
- How to add Product Tiles 1 to Origin
- How to add Product Banner 2 to Origin
- How to add Product Banner 1 to Origin
- How to add Product Slider 11 to Origin
- How to add Product Slider 10 to Origin
- How to add Product Slider 9 to Origin
- How to add Product Slider 8 to Origin
- How to add Product Slider 7 to Origin
- How to add Product Grid 6 to Origin
- How to add Product Grid 5 to Origin
- How to add Product Grid 4 to Origin
- How to add Product Story 1 to Origin
- How to add Product Slider 6 to Origin
- How to add Product Slider 5 to Origin
- How to add Product Slider 4 to Origin
- How to add Product Slider 3 to Origin
- How to add Product Slider 2 to Origin
- How to add Product Slider 1 to Origin
- How to add Product Grid 3 to Origin
- How to add Product Grid 2 to Origin
- How to add Product Grid 1 to Origin
- How to add Shop The Look 5 to Origin
- How to add Shop The Look 4 to Origin
- How to add Shop The Look 3 to Origin
- How to add Shop The Look 2 to Origin
- How to add Shop The Look 1 to Origin
- How to add Product Ingredients to Origin
- How to add Product Bundle to Origin
- How to add Product Specifications to Origin
- How to add Product Gallery to Origin
- How to add Product Features to Origin
Testimonials & Reviews
- How to add Review Cards 1 to Origin
- How to add Reviews Summary 1 to Origin
- How to add Photo Reviews 1 to Origin
- How to add Media Proof to Origin
- How to add Testimonial Spotlight to Origin
- How to add Reviews Marquee to Origin
- How to add Reviews Wall to Origin
- How to add Testimonials Grid to Origin
- How to add Testimonials Carousel to Origin
Content & Extras
Origin + Section Shop, in short
Does Section Shop work with the Origin theme?
Yes. Origin 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 Origin's own sections use.
Will added sections match Origin's design?
By default every Section Shop section inherits your theme's fonts, so it picks up Origin's typography automatically. Colors, spacing and content are all editable in the theme editor.
Do I need to edit Origin'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.