SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

System Group - Back to top

Eira

Written by Eira

Last updated

179 views

On this page


Back to top button helps you can move to the top of the page instantly with a click.

backtotop.png

1. How to access the Back to top?

Step 01: From Shopify Admin, click on Online Store > Select Themes > In the Current theme section, click the Customize button.

Scroolingtext01.png

Step 02: In the theme editor (Customize) > Click the Section button > In the Sections tab, scroll through the list or use the search bar to find and select the System Group > click Add section button > add Back to top

back to top 1.png

2. How to customize the Back to top?

After adding the Back to top section, you can customize its settings using the sidebar—located on the right or left side of your screen depending on your device.

  • Enable hidden mobile: If you want to disable please uncheck this option.

  • Design: There are two design

backtotop1.png

Design 1

backtotop2.png

Design 2

Progress bar options

  • Enable progress bar: Check to display the progress bar.

  • Progress bar color: Select the background color of the progress bar (the unfulfilled portion).

  • Progress bar active color: Select the color of the active (filled) portion of the progress bar.

backtotop3.png

Custom CSS

Allows users to customize by adding CSS rules, beyond the limitations of default settings. This allows for fine-tuning the design to every detail, to suit specific needs.

Add custom styles to this section only.

To add custom styles to your entire online store, go to theme settings.

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Pro plan.

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.