Автор Тема: Prestashop FAQ - Как добавить кнопку Вверх  (Прочитано 313 раз)

21 Июнь 2018, 18:07:52
  • Ветеран
  • *****
  • Сообщений: 105653
  • Репутация: +39553/-0
    • Просмотр профиля
    • Webstudio UwK
1. В файле /themes/default-bootstrap/footer.tpl добавляете код
<div class="scrollup"><i class="icon icon-chevron-sign-up"></i></div>
{literal}
    <script>
    $(function() {
      $('.scrollup').click(function() {
        $("html, body").animate({
          scrollTop:0
        },800);
      })
    })

    $(window).scroll(function() {
      if ($(this).scrollTop()>100) {
        $('.scrollup').fadeIn();
      }
      else {
        $('.scrollup').fadeOut();
      }
    });
    </script>
{/literal}
</body>

2. В файле /themes/default-bootstrap/css/global.css добавлятете правила css для кнопки вверх
div.scrollup {
    position: fixed;color: #fff; background-color: #333;right: 40px; bottom: 40px; padding: 10px 20px;font-size: 30px; border-radius: 2px;cursor: pointer;display: none;text-align: center;}
div.scrollup:hover {
    background-color: #000;
}
Cоздание интернет сайтов Webstudio UwK