Back To Top

Author: Jimmy 557 views

This extension is what you need if you have pages that are long and require a lot of scrolling, this extension adds a Back to the top button to your page.

1. How to install the Back To Top extension?

First, we’ll need to open the Extension popup, you have two ways:

  • Click on the Extension icon at the top left corner.
  • Under the Extension tab, click Add more.
Two ways to open the extension popup.

On the Extension popup, you can see the Back To Top extension, click Install now to install it the right way.

Installing Back To Top Extension With EComposer App

2. Configuring the extension

There are a couple of configurations you can do with the extension:

  • Enable: You can disable/enable the app by ticking this option.
  • Position: Allows you to set the icon and label position.
  • Width and Height: You can set the width and height of the container.
  • Icon and Icon size: This option allows you to choose the icon and adjust the size of it.
  • Label and Typography: You can enter your label text and change the typography here.
  • Icon color/ Button color: Allows you to change the color for the button and icon on Normal and Hover state.
  • Enable progress indicator: This will show how far you have scrolled down.
  • Border Radius: Increasing this will make the border of the container more rounded.

The Back to top extension can work on the pages of the Shopify theme too.

Leave a Comment

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