Skip to main content
All CollectionsWidgets
How to Use the Back To Top Widget for Debutify Theme Version 7?
How to Use the Back To Top Widget for Debutify Theme Version 7?

A guide how to use the back to top widget for Debutify theme version 7.

Micah Quinto avatar
Written by Micah Quinto
Updated over a week ago

What is a Back to Top Widget?

Have you ever found yourself scrolling through a long webpage, only to realize you must return to the top? It can be frustrating to scroll back up, especially on a mobile device manually. That's where the "Back to Top" button comes in.

The "Back to Top" button is a small, unobtrusive button that appears on the bottom right corner of a webpage. It allows users to quickly return to the top of the page without having to scroll back up manually. By making it easier for customers to navigate your website, the "Back to Top" button can improve engagement and increase the time users spend on your site.

Why Use the "Back to Top" Button?

Aside from the convenience it provides to users, the "Back to Top" button can also improve the overall user experience on your website. By making it easier for users to navigate your site, they are more likely to stay on your page longer and engage with your content.

Additionally, the "Back to Top" button can be helpful for users with disabilities or those using assistive technologies. It allows them to quickly navigate to the top of the page without having to scroll, making your website more accessible manually.


How to Enable/ Disable the Back To Top Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Standard Widgets

  • Debutify Premium Widgets

  • Debutify Platinum Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage Back to Top Widget Settings?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Go to Theme Settings, then click Back to Top.

STEP 3

Tick the box if you want it to be visible on mobile.

STEP 4

You can also choose the position: left, center, or right.

STEP 5

Choose from different arrow icon styles by choosing from the dropdown.

STEP 6

You can also upload your custom arrow icon. Click Select Image.

STEP 7

You can also adjust the corner radius.

STEP 8

Click Save to apply the changes.


Did this answer your question?