Опенкарт 3х кнопка скроллинг вверх

Всем привет. Подскажите есть ли уже готовое решение в движке по плавной кнопке вверх или нужно что самому крутить ? Или может кто подскажет где модуль взять!?

 

Переделал вот это https://shop.opencart-russia.ru/ocmod_back_to_top
Держите .

 

Огромное спасибо ) И с наступающим! )

 

Спасибо! То что нужно. А то либо за деньги, либо для версии 2

 

Здравствуйте! А можете подсказать, что нужно вставить напрямую в код, чтобы все заработало? т.к. устанавливаю и ничего ( (модификаторы обновлял)

 

открыть файл шаблона catalog/view/theme/*/template/common/footer.twig

и перед этим

HTML:

</body></html>

вставить это

HTML:

                <div class="scroll-top-wrapper" onclick="scrollToTop()"><i class="fa fa-2x fa-arrow-circle-up"></i></div>
                <style>
                .scroll-top-wrapper {position:fixed;opacity:0;text-align:center;z-index:9998;background-color:#777;color:#fefefe;width:40px;height:40px;line-height:40px;right:30px;bottom:30px;border-radius:4px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
                .scroll-top-wrapper i.fa {line-height:inherit;font-size:18px;}
                .scroll-top-wrapper.show {cursor:pointer;opacity:0.6;right:30px;bottom:80px;}
                </style>
                <script type="text/javascript"><!--
                $(document).on( 'scroll', function(){
                    if ($(window).scrollTop() > 100) {
                        $('.scroll-top-wrapper').addClass('show');
                    } else {
                        $('.scroll-top-wrapper').removeClass('show');
                    }
                });
                function scrollToTop() {
                    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
                    element = $('body');
                    offset = element.offset();
                    offsetTop = offset.top;
                    $('html, body').animate({scrollTop: offsetTop}, 200, 'linear');
                };
                //--></script>

 

Классная штука,спасибо!

 

Добрый день!
Кнопка работает всё классно, но не могу найти ее CSS (стиль).
При открытии кода страницы, нет ссылки на на CSS данной кнопки.
В файлах не могу найти.
Не могу понять кнопка есть стиль у нее есть, а где он (стиль) не понимаю.
Прошу помочь.

 

а это что?

 

Спасибо большое за ответ.
Но для чайников объясните пожалуйста где он находится?
Прошу Ваши комментарии.

 

Потому что CSS для кнопки НЕ подключен с помощью отдельного файла (например, stylesheet.css)

Встроен в код кнопки. Смотрите:

Спойлер: Код кнопки

<div class="scroll-top-wrapper" onclick="scrollToTop()"><i class="fa fa-2x fa-arrow-circle-up"></i></div>
<style>
.scroll-top-wrapper {position:fixed;opacity:0;text-align:center;z-index:9998;background-color:#777;color:#fefefe;width:40px;height:40px;line-height:40px;right:30px;bottom:30px;border-radius:4px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.scroll-top-wrapper i.fa {line-height:inherit;font-size:18px;}
.scroll-top-wrapper.show {cursor: pointer;opacity:0.6;right:30px;bottom:80px;}
</style>
<script type="text/javascript"><!--
$(document).on( 'scroll', function(){
if ($(window).scrollTop() > 100) {
$('.scroll-top-wrapper').addClass('show');
} else {
$('.scroll-top-wrapper').removeClass('show');
}
});
function scrollToTop() {
verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $('body');
offset = element.offset();
offsetTop = offset.top;
$('html, body').animate({scrollTop: offsetTop}, 200, 'linear');
};
//--></script>

 

Спасибо!
До меня дошло.