Skip to main content
How to Use the Scrolling Banner?

A guide on how to use the global scrolling banner on Debutify 6.0.

Micah Quinto avatar
Written by Micah Quinto
Updated over 3 months ago

Scrolling banner

The scrolling banner feature was introduced in Debutify Theme version 6.4.2 and later. If you're using an older version, this feature is not available.

The scrolling banner feature was introduced in Debutify Theme version 6.4.2 and later. If you're using an older version, this feature is not available.

How to Use the Scrolling Banner?

STEP 1

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

STEP 2

Go to Sections, scroll down to Templates, and click Add section.

STEP 3

After clicking the add section, look for the scrolling banner portion. To add, click the scrolling banner.


How to Manage the Settings of the Scrolling Banner?

STEP 1

Click the Scrolling banner section.

STEP 2

Click Select image to add a background image.


โ€‹STEP 3

You can check the box next to "Show overlay" to activate this feature.

STEP 4

You can also customize the settings for auto-scrolling.

  • Direction: Left or right

  • Scrolling speed

  • Spacing between blocks on desktop

  • Spacing between blocks on mobile

  • Check the box to activate the following:

    • Pause on hover

    • Enable gray images

STEP 5

You can also manage the section settings here:

  • Check the box to enable it on desktop or mobile.

  • Adjust the vertical spacing on the desktop.

  • Adjust the vertical spacing on mobile.

STEP 6

Click Save to apply the changes.

Did this answer your question?