Может кому пригодиться такая карзина

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем OldIndianaMen, 20 июл 2021.

  1. OldIndianaMen

    OldIndianaMen Новичок

    Сообщения:
    11
    Симпатии:
    0
    cart.jpg

    • в файле header.twig перед </head> (но это не обязательно)

      <script>
      window.onscroll = function scrollFunction() {
      if (document.body.scrollTop > 140 || document.documentElement.scrollTop > 140) {
      document.getElementById("myBtn").style.top = "20px";
      } else {
      document.getElementById("myBtn").style.top = "140px";
      }
      }
      </script>

    • в файле stylesheet.css в любом месте
    #myBtn {
    display: block;
    position: fixed;
    top: 140px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #E6A223;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
    }
    #myBtn i {
    font-size: 20px;
    padding: 15px;
    }
    #myBtn:hover {
    background-color: #555;
    }
    • в файлах category.twig, compare.twig, product.twig (Отображается только в категории, в товаре и в сравнении. Если нужно отображать везде - в файле header.twig после <body>)
    <a href="https://ВАШ.САЙТ/index.php?route=checkout/cart" id="myBtn"><i class="fa fa-shopping-cart"></i></a>
     
    Последнее редактирование: 20 июл 2021
    OldIndianaMen, 20 июл 2021
    #1