Prestashop FAQ - Как добавить кнопку Вверх

Автор Виталий, 21 июня 2018, 18:07:52

« назад - далее »

Виталий

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

Aleksey T

Это для какой версии?
На 1.6.1 не работает.

Vasiy

Есть способ попроще в footer.tpl в самом конце добавьте фразу:
<div align="right"> <a href="#" id="gotop"><img src="/img/icon_top.png"></a></div>
и иконку в папку img
Не боги горшки обжигают, не зачем им такой хренью заниматься.