MuK Scroll Up Button

by
Odoo
v 10.0 v 11.0 v 12.0 Third Party 869
Download for v 12.0 Deploy on Odoo.sh Live Preview
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies Website (website)
Discuss (mail)
Lines of code 55
Technical Name muk_website_scroll_up
LicenseLGPL-3
Websitehttp://www.mukit.at
Versions 10.0 11.0 12.0
You bought this module and need support? Click here!
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies Website (website)
Discuss (mail)
Lines of code 55
Technical Name muk_website_scroll_up
LicenseLGPL-3
Websitehttp://www.mukit.at
Versions 10.0 11.0 12.0

MuK Scroll Up Button

Button to jump to the top of the page

MuK IT GmbH - www.mukit.at

Overview

Adds a button to the bottom of the page to jump back up to the top of the page. The button can be customized using the following attributes.

Attribute Default Description
scroll_distance 300 Distance from top/bottom before showing element (px)
scroll_speed 300 Speed back to top (ms)
easing_type linear Scroll to top easing
animation fade Fade, slide, none
animation_speed 200 Animation speed (ms)
scroll_trigger false Set a custom triggering element.
scroll_target false Set a custom target element for scrolling to.
scroll_text fa-chevron-circle-up Text for element ()
scroll_title false Set a custom <a/> title if required.
scroll_img false Set true to use an image.
active_overlay false Set CSS color to display scrollUp active point
z_index false Z-Index for the overlay

Customize

Change the settings of the scroll-up button by editing the template file through the HTML/CSS editor.

Change the appearance of the scroll-up button by editing the less file through the HTML/CSS editor.

Settings

Turn the scroll-up button on or off by toggling the slider inside the customize settings dropdown. After the page has reloaded the button will be either invisible or visible according to your settings.

Our Services

Odoo
Implementation

Odoo
Integration

Odoo
Customization

Odoo
Development

Odoo
Support

Help and Support

Feel free to contact us, if you need any help with your Odoo integration or addiontal features.
Website Contact Us Issues

MuK Scroll Up Button

Adds a button to the bottom of the page to jump back up to the top of the page. The button can be customized using the following attributes.

Installation

To install this module, you need to:

Download the module and add it to your Odoo addons folder. Afterward, log on to your Odoo server and go to the Apps menu. Trigger the debug mode and update the list by clicking on the "Update Apps List" link. Now install the module by clicking on the install button.

Another way to install this module is via the package management for Python (PyPI).

To install our modules using the package manager make sure odoo-autodiscover is installed correctly. Then open a console and install the module by entering the following command:

pip install --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

The module name consists of the Odoo version and the module name, where underscores are replaced by a dash.

Module:

odoo<version>-addon-<module_name>

Example:

sudo -H pip3 install --extra-index-url https://nexus.mukit.at/repository/odoo/simple odoo11-addon-muk-utils

Once the installation has been successfully completed, the app is already in the correct folder. Log on to your Odoo server and go to the Apps menu. Trigger the debug mode and update the list by clicking on the "Update Apps List" link. Now install the module by clicking on the install button.

The biggest advantage of this variant is that you can now also update the app using the "pip" command. To do this, enter the following command in your console:

pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

When the process is finished, restart your server and update the application in Odoo. The steps are the same as for the installation only the button has changed from "Install" to "Upgrade".

You can also view available Apps directly in our repository and find a more detailed installation guide on our website.

For modules licensed under OPL-1, you will receive access data when you purchase the module. If the modules were not purchased directly from MuK IT please contact our support (support@mukit.at) with a confirmation of purchase to receive the corresponding access data.

Upgrade

To upgrade this module, you need to:

Download the module and add it to your Odoo addons folder. Restart the server and log on to your Odoo server. Select the Apps menu and upgrade the module by clicking on the upgrade button.

If you installed the module using the "pip" command, you can also update the module in the same way. Just type the following command into the console:

pip install --upgrade --extra-index-url https://nexus.mukit.at/repository/odoo/simple <module>

When the process is finished, restart your server and update the application in Odoo, just like you would normally.

Configuration

No additional configuration is needed to use this module.

Usage

Switch to your website and the scroll up button will appear on the bottom of your page.

Credits

Contributors

Images

Some pictures are based on or inspired by the icon set of Font Awesome:

  • Font Awesome

Author & Maintainer

This module is maintained by the MuK IT GmbH.

MuK IT is an Austrian company specialized in customizing and extending Odoo. We develop custom solutions for your individual needs to help you focus on your strength and expertise to grow your business.

If you want to get in touch please contact us via mail (sale@mukit.at) or visit our website (https://mukit.at).

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.
Please choose a rating from 1 to 5 for this module.
Good
by
Indra Setiawan
on 4/30/21, 11:59 PM

This module is very good.

I try this module in my blogspot, please visit my blogspot: indrasetiawan-uperp16.blogspot.com


IE and Microsoft Edge
by
Chan Nath
on 7/19/19, 4:03 AM

Thumbs up for this module. Only problem is the blending not working on either IE or Microsoft Edge.

Re: IE and Microsoft Edge
by
Mathias Markl
on 7/19/19, 5:27 AM Author

Thanks for the feedback. I will see what I can do about Edge and IE.