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

21 Июнь 2018, 18:07:52
  • Ветеран
  • *****
  • Сообщений: 105673
  • Репутация: +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
05 Декабрь 2020, 20:30:38
Ответ #1
  • Новичок
  • *
  • Сообщений: 38
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Это для какой версии?
На 1.6.1 не работает.
06 Декабрь 2020, 11:58:01
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 1090
  • Репутация: +5/-1
  • Иногда заглядываю
    • Просмотр профиля
    • Помощь патентообладателям по продаже патентов.
Есть способ попроще в footer.tpl в самом конце добавьте фразу:
<div align="right"> <a href="#" id="gotop"><img src="/img/icon_top.png"></a></div>и иконку в папку img
Не боги горшки обжигают, не зачем им такой хренью заниматься.