src/Eccube/Resource/template/default/Block/nav_sp.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block stylesheet %}
  12. <style>
  13.     .ec-headerNavSP {
  14.         display: none;
  15.         border: 1px solid #eee;
  16.         box-shadow: 1px 1px 1px #c5c5c5;
  17.         font-size: 22px;
  18.         padding: 28px;
  19.     }
  20. </style>
  21. {% endblock %}
  23. <div class="ec-headerNavSP">
  24.     <i class="fas fa-bars"></i>
  25. </div>
  27. {% block javascript %}
  28. <script>
  29.     const spNavModule = () => {
  30.         const spNavAnimation = () => {
  31.             const spNav = document.querySelector('.ec-headerNavSP')
  32.             const navBorderline = 150
  34.             if(window.innerWidth < 768) {
  35.                 window.pageYOffset > navBorderline ?
  36.                 spNav.style.display = "block" :
  37.                 spNav.style.display = "none"
  38.             }
  39.         }
  41.         window.addEventListener('scroll', spNavAnimation)
  42.     }
  44.     const exceptList = ['cart', 'shopping', 'entry', 'contact', 'mypage/login', 'mypage/change', 'mypage/delivery', 'mypage/withdraw']
  45.     const path = location.pathname
  47.     for(let pattern of exceptList) {
  48.         let reg = new RegExp('^\/' + pattern + '.*', 'i')
  49.             result = reg.test(path) ? true : false
  51.         if(result === true) break
  52.     }
  54.     result === false ? spNavModule() : null
  55. </script>
  56. {% endblock %}