app/template/default/Block/header.twig line 1

Open in your IDE?
  1. {% block javascript %}
  2.     <script>
  3.         $(function() {
  4.             $('.ec-cartNavi').click(function() {
  5.             window.location.href = '{{ url('cart') }}';
  6.             });
  7.         });
  8.     </script>
  9. {% endblock javascript %}
  12. <style>
  13. /*全てに適用*/    
  14. /*ウィンドウ幅が767px以上の場合に適用*/
  15. @media screen and (min-width: 767px) { 
  17.     .ec-cartNaviNull.is-active{
  18.         margin-top: 10px;
  19.         min-width: 256px;
  20.         max-width: 256px;        
  21.         width: 100%;
  22.         text-align: center;
  23.         background: #f8f8f8;
  24.         box-sizing: border-box;
  25.         padding: 16px;
  26.         z-index: 3;
  27.         position: absolute;
  28.         right: 0;
  29.         }
  30.     
  31.     
  32.     }
  33. /*ウィンドウ幅が最大767pxまでの場合に適用*/
  34. @media screen and (max-width: 767px) { 
  35.     .ec-cartNaviNull.is-active{
  36.         margin-top: 10px;
  37.         min-width: 256px;
  38.         max-width: 256px;        
  39.         width: 200px;
  40.         text-align: center;
  41.         background: #f8f8f8;
  42.         box-sizing: border-box;
  43.         padding: 16px;
  44.         z-index: 3;
  45.         position: absolute;
  46.         right: 0;
  47.         }
  48.     }
  49.     
  50. </style>
  54. <header class="l_header">
  55.     <div class="l_header_in">
  56.         <a href="https://shop.multipure.co.jp" target="_blank"><img src="/html/user_data/img/logo.jpg" alt=""></a>
  57.     </div>
  58.     
  59.     <div class="ec-headerRole__navSP">
  60.         <div class="ec-headerNavSP">
  61.             <i class="fas fa-bars"></i>
  62.         </div>
  63.     </div>
  64.     <div class="ec-headerNaviRole__right">
  65.         <div class="ec-headerNaviRole__nav">
  66.             {{ include('Block/login.twig') }}        </div>
  67.         <div class="ec-headerRole__cart">
  68.             {{ include('Block/cart.twig') }}
  69.         </div>
  70.     </div>
  71.     <nav>
  72.       <ul>
  73.         <li><a href="/">ホーム</a></li>
  74.         {#<li><a href="/products/list">商品一覧</a></li>#}
  75.         <li><a href="/products/list?category_id=40">商品一覧</a></li>
  76.         {#<li><a href="/guide">ご利用ガイド</a></li>#}
  77.         <li><a href="https://multipure.co.jp/" target="_blank">ブランドサイト</a></li>
  78.       </ul>
  79.     </nav>
  80. </header>