Section Shop
View as Markdown

How to add Back to Top to the Origin theme

Enhance your store’s browsing experience with a simple “Back to Top” button. Smooth, user-friendly navigation helps customers explore your site with ease. This guide shows how to add the Back to Top section to the Origin theme with Section Shop — as a native Online Store 2.0 section, customized in the theme editor, without touching Origin's code. Origin is a free theme by Shopify, known for bold type and product-first structure — and content & extras like this one are exactly the kind of section it doesn't ship out of the box.

Back to Top

Free
Preview of the Back to Top section installed on a Shopify store

Full section details, tags and related sections: Back to Top →

Why Back to Top works on Origin

Instagram feeds, blog highlights, galleries and handy utilities that round out your storefront. On Origin, Back to Top slots in like any built-in section: it inherits the theme's fonts by default, picks up your color choices in the editor, and lives alongside Origin's own sections in the picker — prefixed "SShop:" so it's easy to spot.

Theme
Origin (free)
Section category
Content & Extras
Merchant installs
22
Shows in editor as
SShop:Back to Top
Get Back to Top free

How to add Back to Top to Origin, step by step

  1. 1

    Install Section Shop (free)

    Add the app from the Shopify App Store. It's free, carries the Built for Shopify badge, and changes nothing in your Origin setup until you add a section.

  2. 2

    Find “Back to Top” in the library

    Open the app and browse to it — it's in the Content & Extras category — or use search.

  3. 3

    Click “Add to theme”

    Section Shop writes the section into your Origin theme through Shopify's official theme API, the same mechanism Origin uses for its own sections.

  4. 4

    Open the Origin theme editor

    In Online Store → Themes → Customize, click “Add section”: you'll find it as “SShop:Back to Top” in the picker.

  5. 5

    Customize and save

    Adjust text, images, colors and layout. Typography follows your Origin font settings by default — or switch the section to any Shopify font. Hit Save and it's live.

Back to Top on Origin — FAQ

Does Back to Top work with the Origin theme?

Yes. Origin is an Online Store 2.0 theme, and Back to Top installs as a native OS 2.0 section through Shopify's official theme API. It appears in Origin's theme editor as “SShop:Back to Top”, alongside the theme's own sections.

Will Back to Top match Origin's design?

By default the section inherits your theme's fonts, so it picks up Origin's typography automatically. Colors, spacing, images and content are all editable in the theme editor — no CSS required.

Is Back to Top free, and what if I uninstall Section Shop?

Back to Top is free, like every section in the 164-section library. Once added it's a standard theme file: if you uninstall the app, the section stays in your Origin theme and keeps working.

Pairs well with Back to Top

Preview of the Team Grid 1 Shopify section Free

Team Grid 1

Content & Extras

The people behind the shop: a heading, a few lines that turn "we" into faces, then the team in a grid with a round photo, a first name, a role and one line each. Three or four per row, the last row centred.

View section →
Preview of the Blog Posts 1 Shopify section Free

Blog Posts 1

Content & Extras

The latest posts of a blog as cards: photo, date, title, an excerpt and a read-more link, two to four per row. On an article page it leaves the current post out, so it reads as "read next".

View section →
Preview of the Image Collage Shopify section Free

Image Collage

16 installs

Content & Extras

Copy and a checklist beside a grid of photos that rearranges itself around how many there are, from one to a full gallery. Every photo takes its own caption and link.

View section →

Add “Back to Top” to your Origin store today

Install free, customize in your theme editor and preview before publishing.

Built for Shopify · Free to install · For Online Store 2.0 themes · No code