app/template/iwaokaexpress/default_frame.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#
  3. This file is part of EC-CUBE
  5. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  7. http://www.ec-cube.co.jp/
  9. For the full copyright and license information, please view the LICENSE
  10. file that was distributed with this source code.
  11. #}
  12. <html lang="{{ eccube_config.locale }}">
  13. <head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# product: https://ogp.me/ns/product#">
  14.     <meta charset="utf-8">
  15.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  16.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  17.     <title>{{ BaseInfo.shop_name }}{% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}{% elseif title is defined and title is not empty %} / {{ title }}{% endif %}</title>
  18.     {% if Page.meta_tags is not empty %}
  19.         {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  20.         {% if Page.description is not empty %}
  21.             <meta name="description" content="{{ Page.description }}">
  22.         {% endif %}
  23.     {% else %}
  24.         {{ include('meta.twig') }}
  25.     {% endif %}
  26.     {% if Page.author is not empty %}
  27.         <meta name="author" content="{{ Page.author }}">
  28.     {% endif %}
  29.     {% if Page.keyword is not empty %}
  30.         <meta name="keywords" content="{{ Page.keyword }}">
  31.     {% endif %}
  32.     {% if Page.meta_robots is not empty %}
  33.         <meta name="robots" content="{{ Page.meta_robots }}">
  34.     {% endif %}
  35.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  36.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  37.     <link rel="stylesheet" href="{{ asset('assets/css/variables.css') }}">
  38.     <link rel="stylesheet" href="{{ asset('assets/css/layout.css') }}">
  39.     <link rel="stylesheet" href="{{ asset('assets/css/components.css') }}">
  40.     <link rel="stylesheet" href="{{ asset('assets/css/base.css') }}">
  41.     <link rel="stylesheet" href="{{ asset('assets/css/product-list.css') }}">
  42.     <link rel="stylesheet" href="{{ asset('assets/css/my-order.css') }}">
  43.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  44.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  45.     {% block stylesheet %}{% endblock %}
  46.     <script>
  47.         $(function() {
  48.             $.ajaxSetup({
  49.                 'headers': {
  50.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  51.                 }
  52.             });
  53.         });
  54.     </script>
  55.     {# Layout: HEAD #}
  56.     {% if Layout.Head %}
  57.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  58.     {% endif %}
  59.     {# プラグイン用styleseetやmetatagなど #}
  60.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  61.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  62. </head>
  63. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  64. {# Layout: BODY_AFTER #}
  65. {% if Layout.BodyAfter %}
  66.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  67. {% endif %}
  69. {% if isMaintenance %}
  70.     <div class="ec-maintenanceAlert">
  71.         <div>
  72.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  73.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  74.         </div>
  75.     </div>
  76. {% endif %}
  78. <div class="ec-layoutRole">
  79.     {# Layout: HEADER #}
  80.     {% if Layout.Header %}
  81.         <header class="ec-layoutRole__header">
  82.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  83.         </header>
  84.     {% endif %}
  86.     {# Layout: CONTENTS_TOP #}
  87.     {% if Layout.ContentsTop %}
  88.         <div class="ec-layoutRole__contentTop">
  89.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  90.         </div>
  91.     {% endif %}
  93.     <!-- 2カラムレイアウト -->
  94.     <div class="btob-layout">
  95.         {# Layout: SIDE_LEFT #}
  96.         {% if Layout.SideLeft %}
  97.             {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  98.         {% endif %}
  100.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  101.         {% if Layout.ColumnNum == 2 %}
  102.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  103.         {% elseif Layout.ColumnNum == 3 %}
  104.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  105.         {% endif %}
  107.         <div class="btob-main-area">
  108.             {# Layout: MAIN_TOP #}
  109.             {% if Layout.MainTop %}
  110.                 <div class="ec-layoutRole__mainTop" style="background-color: #f5f5f5">
  111.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  112.                 </div>
  113.             {% endif %}
  115.             {# MAIN AREA #}
  116.             {% block main %}{% endblock %}
  118.             {# Layout: MAIN_Bottom #}
  119.             {% if Layout.MainBottom %}
  120.                 <div class="ec-layoutRole__mainBottom">
  121.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  122.                 </div>
  123.             {% endif %}
  124.         </div>
  126.         {# Layout: SIDE_RIGHT #}
  127.         {% if Layout.SideRight %}
  128.             <aside class="ec-layoutRole__right">
  129.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  130.             </aside>
  131.         {% endif %}
  132.     </div>
  134.     {# Layout: CONTENTS_BOTTOM #}
  135.     {% if Layout.ContentsBottom %}
  136.         <div class="ec-layoutRole__contentBottom">
  137.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  138.         </div>
  139.     {% endif %}
  141.     {# Layout: CONTENTS_FOOTER #}
  142.     {% if Layout.Footer %}
  143.         <footer class="ec-layoutRole__footer">
  144.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  145.         </footer>
  146.     {% endif %}
  147.     <div class="ec-overlayRole"></div>
  148. </div>
  150. {# モバイル用ドロワー（全ページで表示・動作） #}
  151. <div class="btob-drawer-overlay" id="drawerOverlay"></div>
  152. <aside class="btob-drawer" id="drawer">
  153.   <div class="btob-drawer__header">
  154.     <button type="button" class="btob-drawer__close" id="drawerClose" aria-label="閉じる">
  155.       <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
  156.         <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
  157.       </svg>
  158.     </button>
  159.   </div>
  160.   <div class="btob-drawer__search">
  161.     <form method="get" action="{{ url('product_list') }}" class="btob-drawer__search-form">
  162.       <div class="btob-drawer__keyword">
  163.         <input type="text" name="name" placeholder="キーワードを入力">
  164.         <button type="submit" aria-label="検索">
  165.           <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  166.             <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
  167.           </svg>
  168.         </button>
  169.       </div>
  170.     </form>
  171.   </div>
  172.   <nav class="btob-drawer__nav">
  173.     <div class="btob-drawer__section">
  174.       <a href="{{ url('product_list') }}" class="btob-drawer__link">カテゴリ一覧</a>
  175.     </div>
  176.     <div class="btob-drawer__section btob-drawer__section--dark">
  177.       <a href="{{ url('cart') }}" class="btob-drawer__link btob-drawer__link--icon">
  178.         <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  179.           <path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/>
  180.         </svg>
  181.         カートを見る
  182.       </a>
  183.       <a href="{{ url('entry') }}" class="btob-drawer__link btob-drawer__link--icon">
  184.         <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  185.           <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
  186.         </svg>
  187.         新規会員登録
  188.       </a>
  189.       <a href="{{ url('my_order_list_favorite') }}" class="btob-drawer__link btob-drawer__link--icon">
  190.         <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  191.           <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
  192.         </svg>
  193.         お気に入り
  194.       </a>
  195.       <a href="{{ url('mypage_login') }}" class="btob-drawer__link btob-drawer__link--icon">
  196.         <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  197.           <path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>
  198.         </svg>
  199.         ログイン
  200.       </a>
  201.       <a href="{{ url('homepage') }}" class="btob-drawer__link btob-drawer__link--icon">
  202.         <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
  203.           <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
  204.         </svg>
  205.         ホームに戻る
  206.       </a>
  207.     </div>
  208.   </nav>
  209. </aside>
  211. <script>
  212. (function() {
  213.   var drawerToggle = document.getElementById('drawerToggle');
  214.   var drawer = document.getElementById('drawer');
  215.   var drawerOverlay = document.getElementById('drawerOverlay');
  216.   if (!drawerToggle || !drawer || !drawerOverlay) return;
  217.   function openDrawer() {
  218.     drawer.classList.add('is-open');
  219.     drawerOverlay.classList.add('is-visible');
  220.     drawerToggle.classList.add('is-open');
  221.     document.body.style.overflow = 'hidden';
  222.   }
  223.   function closeDrawer() {
  224.     drawer.classList.remove('is-open');
  225.     drawerOverlay.classList.remove('is-visible');
  226.     drawerToggle.classList.remove('is-open');
  227.     document.body.style.overflow = '';
  228.   }
  229.   drawerToggle.addEventListener('click', function() {
  230.     if (drawer.classList.contains('is-open')) closeDrawer();
  231.     else openDrawer();
  232.   });
  233.   drawerOverlay.addEventListener('click', closeDrawer);
  234.   document.getElementById('drawerClose').addEventListener('click', closeDrawer);
  235.   document.querySelectorAll('.btob-drawer__link').forEach(function(link) {
  236.     link.addEventListener('click', closeDrawer);
  237.   });
  238. })();
  239. </script>
  241. {% include('@common/lang.twig') %}
  242. <script src="{{ asset('assets/js/function.js') }}"></script>
  243. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  244. {% block javascript %}{% endblock %}
  245. {# Layout: CLOSE_BODY_BEFORE #}
  246. {% if Layout.CloseBodyBefore %}
  247.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  248. {% endif %}
  249. {# プラグイン用Snippet #}
  250. {% if plugin_snippets is defined %}
  251.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  252. {% endif %}
  253.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  254. </body>
  255. </html>