What Refresh is great at
Refresh is known for editorial layouts and generous whitespace. If that matches your brand, keep it — you don’t need a new theme, just more sections.
Where it runs out of sections
- Wants richer image-with-text storytelling blocks
- Feature lists are plain
Best Section Shop sections for Refresh
Picked from Image with Text, Feature Highlights, Testimonials & Reviews — all free, all native to the theme editor.
Free Stat Rings 1
Image with Text
A photo beside a heading and up to six figures, each a ring filled to its percentage with the number inside and a line of text. The rings fill as they scroll into view, and a note says where the figures come from.
View section →
Free Guarantee Band 1
Image with Text
A guarantee told between two photos: a heading, a short promise and a button in the middle, a row of reassurances underneath, and a picture on each side, staggered for a little movement. On phones the photos sit side by side above the words, or step aside altogether.
View section →
Free Results Timeline 1
Feature Highlights
Milestones down a centre line: a big time label, a title, a few lines, a customer quote in a card and a photo on the other side, alternating. For "what to expect and when" on a product page.
View section →
Free Benefits Panel 1
Feature Highlights
A rounded panel in your brand colour: the argument and a button on one side, and on a white card every benefit as an icon and a short label, reading down one or two columns.
View section →
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 →Tip for Refresh: Refresh loves long pages: alternate Image with Text sections with feature grids to build a scrolling brand story without a page builder.
How to add them to Refresh
- 1
Install Section Shop
Free from the Shopify App Store. Your Refresh 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 Refresh theme editor — the new sections are in the picker, inheriting your fonts.
All 164 Refresh integration guides
One step-by-step guide per section — how it installs on Refresh, why it fits, and what to customize first.
Shoppable Video & Stories
- How to add Shoppable Stories to Refresh
- How to add Video Quick Shop to Refresh
- How to add Shoppable Slider to Refresh
- How to add Social Posts to Refresh
- How to add Social Reels to Refresh
- How to add Shoppable Reels to Refresh
- How to add Shoppable Video to Refresh
- How to add Video Stories to Refresh
- How to add Video Testimonials to Refresh
Collection Showcases
- How to add Collection Grid to Refresh
- How to add Shop Collections 7 to Refresh
- How to add Shop Collections 6 to Refresh
- How to add Shop Collections 1 to Refresh
- How to add Shop Collections 4 to Refresh
- How to add Shop Collections 5 to Refresh
- How to add Shop Collections 2 to Refresh
- How to add Shop Collections 3 to Refresh
- How to add Collection Circles to Refresh
Headers & Navigation
Hero & Banners
- How to add Newsletter Band 1 to Refresh
- How to add Coverflow 2 to Refresh
- How to add Coverflow 1 to Refresh
- How to add Slideshow 4 to Refresh
- How to add Slideshow 3 to Refresh
- How to add Slideshow 2 to Refresh
- How to add Slideshow 1 to Refresh
- How to add Hero Slider 1 to Refresh
- How to add Hero Review 2 to Refresh
- How to add Hero Review 1 to Refresh
- How to add Hero Stats 1 to Refresh
- How to add Hero Split 3 to Refresh
- How to add Hero Split 2 to Refresh
- How to add Hero Split 1 to Refresh
- How to add Hero Grid 1 to Refresh
- How to add Hero Image 3 to Refresh
- How to add Hero Image 2 to Refresh
- How to add Hero Image 1 to Refresh
- How to add Study Slider to Refresh
- How to add Hero 9 Banner to Refresh
- How to add Image Templates Banner to Refresh
- How to add Rotating Carousel Banner to Refresh
- How to add Split Content Banner to Refresh
- How to add Hero Banner to Refresh
- How to add Minimal Text Banner to Refresh
- How to add Gradient Overlay Banner to Refresh
- How to add Stacked Promotion Banner to Refresh
Image with Text
- How to add Stat Rings 1 to Refresh
- How to add Guarantee Band 1 to Refresh
- How to add Ingredient Tabs to Refresh
- How to add Selling Points to Refresh
- How to add Feature Rows to Refresh
- How to add Media Specs to Refresh
- How to add Editorial Story to Refresh
- How to add Image Text Benefits to Refresh
- How to add Image With Text Premium to Refresh
- How to add Image Text Zigzag to Refresh
- How to add Image Text Cards to Refresh
- How to add Image Text Overlay to Refresh
- How to add Image Text Split to Refresh
- How to add Designed with an Edge to Refresh
- How to add Explore Our Gallery to Refresh
Announcement Bars
- How to add Marquee 4 to Refresh
- How to add Marquee 3 to Refresh
- How to add Marquee 2 to Refresh
- How to add Marquee 1 to Refresh
- How to add Announcement Bar 5 to Refresh
- How to add Announcement Bar 4 to Refresh
- How to add Announcement Bar 3 to Refresh
- How to add Announcement Bar 2 to Refresh
- How to add Announcement Bar 1 to Refresh
- How to add 3D Flip Rotator to Refresh
- How to add Stock Ticker Pro to Refresh
- How to add Urgency Split Bar to Refresh
- How to add Neon Glow Marquee to Refresh
- How to add Gradient Marquee to Refresh
Countdown Timers
- How to add Countdown Drop 1 to Refresh
- How to add Countdown Sale 5 to Refresh
- How to add Countdown Sale 4 to Refresh
- How to add Countdown Sale 3 to Refresh
- How to add Countdown Sale 2 to Refresh
- How to add Countdown Sale 1 to Refresh
- How to add Countdown Media 1 to Refresh
- How to add Countdown Split 1 to Refresh
- How to add Countdown Hero 2 to Refresh
- How to add Countdown Bar 1 to Refresh
- How to add Countdown Product Launch to Refresh
- How to add Countdown Minimal to Refresh
- How to add Countdown Boxed to Refresh
- How to add Countdown Hero to Refresh
- How to add Countdown Banner to Refresh
Comparison Tables
- How to add Comparison Table 1 to Refresh
- How to add Product Comparison Table to Refresh
- How to add Dual Flow Comparison to Refresh
- How to add Competitor Comparison to Refresh
- How to add Before After Table to Refresh
- How to add Feature Comparison to Refresh
- How to add Pricing Table to Refresh
- How to add After Before Slider to Refresh
- How to add Discover the Difference to Refresh
FAQ Sections
Feature Highlights
Product Showcases
- How to add Product Callouts 1 to Refresh
- How to add Product Tiles 1 to Refresh
- How to add Product Banner 2 to Refresh
- How to add Product Banner 1 to Refresh
- How to add Product Slider 11 to Refresh
- How to add Product Slider 10 to Refresh
- How to add Product Slider 9 to Refresh
- How to add Product Slider 8 to Refresh
- How to add Product Slider 7 to Refresh
- How to add Product Grid 6 to Refresh
- How to add Product Grid 5 to Refresh
- How to add Product Grid 4 to Refresh
- How to add Product Story 1 to Refresh
- How to add Product Slider 6 to Refresh
- How to add Product Slider 5 to Refresh
- How to add Product Slider 4 to Refresh
- How to add Product Slider 3 to Refresh
- How to add Product Slider 2 to Refresh
- How to add Product Slider 1 to Refresh
- How to add Product Grid 3 to Refresh
- How to add Product Grid 2 to Refresh
- How to add Product Grid 1 to Refresh
- How to add Shop The Look 5 to Refresh
- How to add Shop The Look 4 to Refresh
- How to add Shop The Look 3 to Refresh
- How to add Shop The Look 2 to Refresh
- How to add Shop The Look 1 to Refresh
- How to add Product Ingredients to Refresh
- How to add Product Bundle to Refresh
- How to add Product Specifications to Refresh
- How to add Product Gallery to Refresh
- How to add Product Features to Refresh
Testimonials & Reviews
- How to add Review Cards 1 to Refresh
- How to add Reviews Summary 1 to Refresh
- How to add Photo Reviews 1 to Refresh
- How to add Media Proof to Refresh
- How to add Testimonial Spotlight to Refresh
- How to add Reviews Marquee to Refresh
- How to add Reviews Wall to Refresh
- How to add Testimonials Grid to Refresh
- How to add Testimonials Carousel to Refresh
Content & Extras
- How to add Team Grid 1 to Refresh
- How to add Blog Posts 1 to Refresh
- How to add Image Collage to Refresh
- How to add Back to Top to Refresh
- How to add Follow the Feed to Refresh
- How to add From Our Blog to Refresh
- How to add Smooth & Modern Design to Refresh
- How to add Follow Us on Instagram to Refresh
Refresh + Section Shop, in short
Does Section Shop work with the Refresh theme?
Yes. Refresh 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 Refresh's own sections use.
Will added sections match Refresh's design?
By default every Section Shop section inherits your theme's fonts, so it picks up Refresh's typography automatically. Colors, spacing and content are all editable in the theme editor.
Do I need to edit Refresh'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.