Smooth Scroll for Magento 2

Sub

Introduction

The extension adds smooth scrolling effect the to any page of the site to smoothly scroll to the defined anchor points when links with a href value containing # are clicked.

Installation

The extension has 2 separate ways of installation, via Composer or by copying the code.

Please follow this Installation Guide to install the extension.

Extension Configuration

Configuration Settings

To access the settings, log into the Magento Admin panel and go to STORES ⟶ Configuration ⟶ ULMOD EXTENSIONS ⟶ Smooth Scroll

The module’s configuration contains only one section: Smooth Scroll

Smooth Scroll

Enable "Smooth Scroll" - if "Yes", the smooth scroll will be enabled in all links with hashes (#) on the page. Please make sure that there are anchor links with the targeted ID in your page. Example :

  • Anchor Link -  href="#anchorname"
  • Target ID -  id="anchorname"

Anchors Links Block Selectors - specify the selector of the anchor links block. Example : .um-smooth-scroll-nav. Check this Guide on how to get the selector.

Enable "Sticky Header" -  if "Yes", the anchor links block will appear fixed on vertical scrolling of the page

Enable "Scroll To Top" -  if "Yes", the "Scroll To Top" button will appear once the page is scrolled down

"Scroll To Top" Type (Button Type) -  choose to display the "Scroll To Top" in form of "Arrow" or "Text"

  • If "Arrow" is selected, in the field"Scroll To Top" Arrow -  select the arrow to on the scroll-to-top. Up to 11 arrow style available
  • If "Text" is selected, in the field"Scroll To Top" Text - enter the text to appear on the scroll-to-top. Eg: Up, Back, Return, Scroll Up

"Scroll To Top" Position - select the scroll-to-top button position

Frontend View

Example of "Smooth Scroll" on the frontend

Extension Support

Need Help?

Ulmod Support team is always ready to assist, no matter the part of the world you are in. If something does happen and you think you might be experiencing an issue or bug, please contact us via [email protected] or submit a ticket from our Helpdesk Ticket and we will help you out.

Got Questions?

Should you have any questions or feature suggestions, please Contact Us. Your feedback is welcome!

Extension Product Page