Section Shop
View as Markdown

How to add Back to Top to the Refresh 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 Refresh theme with Section Shop — as a native Online Store 2.0 section, customized in the theme editor, without touching Refresh's code. Refresh is a free theme by Shopify, known for editorial layouts and generous whitespace — 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 Refresh

Instagram feeds, blog highlights, galleries and handy utilities that round out your storefront. On Refresh, 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 Refresh's own sections in the picker — prefixed "SShop:" so it's easy to spot.

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

How to add Back to Top to Refresh, 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 Refresh 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 Refresh theme through Shopify's official theme API, the same mechanism Refresh uses for its own sections.

  4. 4

    Open the Refresh 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 Refresh font settings by default — or switch the section to any Shopify font. Hit Save and it's live.

Back to Top on Refresh — FAQ

Does Back to Top work with the Refresh theme?

Yes. Refresh 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 Refresh's theme editor as “SShop:Back to Top”, alongside the theme's own sections.

Will Back to Top match Refresh's design?

By default the section inherits your theme's fonts, so it picks up Refresh'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 56-section library. Once added it's a standard theme file: if you uninstall the app, the section stays in your Refresh theme and keeps working.

Pairs well with Back to Top

Preview of the Follow the Feed Shopify section Free

Follow the Feed

Stay connected with our latest looks, trends, and community highlights—straight from Instagram. Click, explore, and shop your favorite styles directly from the feed.

Preview of the From Our Blog Shopify section Free

From Our Blog

Stay updated with the latest tips, trends, and stories from our team. Explore helpful guides, product highlights, and inspiration to make the most of your shopping experience.

Preview of the Smooth & Modern Design Shopify section Free

Smooth & Modern Design

Add a stylish wave effect to your store layout. The Wave Section creates natural flow between sections, giving your storefront a clean, modern, and engaging look that keeps customers scrolling.

Add “Back to Top” to your Refresh store today

Free to install, live in your theme editor in under a minute.

Built for Shopify · Free to install · Works with any Online Store 2.0 theme · No code