src/Eccube/Resource/template/default/default_frame.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#
  3. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  5. http://www.ec-cube.co.jp/
  6. For the full copyright and license information, please view the LICENSE
  7. file that was distributed with this source code.
  8. #}
  9. <html lang="{{ eccube_config.locale }}">
  10. <head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# product: https://ogp.me/ns/product#">
  11.     <meta charset="utf-8">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  13.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  14.     <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>
  15.     {% if Page.meta_tags is not empty %}
  16.         {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  17.         {% if Page.description is not empty %}
  18.             <meta name="description" content="{{ Page.description }}">
  19.         {% endif %}
  20.     {% else %}
  21.         {{ include('meta.twig') }}
  22.     {% endif %}
  23.     {% if Page.author is not empty %}
  24.         <meta name="author" content="{{ Page.author }}">
  25.     {% endif %}
  26.     {% if Page.keyword is not empty %}
  27.         <meta name="keywords" content="{{ Page.keyword }}">
  28.     {% endif %}
  29.     {% if Page.meta_robots is not empty %}
  30.         <meta name="robots" content="{{ Page.meta_robots }}">
  31.     {% endif %}
  32.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  33.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  34.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  35.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  36.     {% block stylesheet %}{% endblock %}
  37.     <script>
  38.         $(function() {
  39.             $.ajaxSetup({
  40.                 'headers': {
  41.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  42.                 }
  43.             });
  44.         });
  45.     </script>
  46.     {# Layout: HEAD #}
  47.     {% if Layout.Head %}
  48.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  49.     {% endif %}
  50.     {# プラグイン用styleseetやmetatagなど #}
  51.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  52.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  53. </head>
  54. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  55. {# Layout: BODY_AFTER #}
  56. {% if Layout.BodyAfter %}
  57.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  58. {% endif %}
  59. {% if isMaintenance %}
  60.     <div class="ec-maintenanceAlert">
  61.         <div>
  62.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  63.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  64.         </div>
  65.     </div>
  66. {% endif %}
  67. <div class="ec-layoutRole">
  68.     {# Layout: HEADER #}
  69.     {% if Layout.Header %}
  70.         <header class="ec-layoutRole__header">
  71.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  72.         </header>
  73.     {% endif %}
  74.     {# Layout: CONTENTS_TOP #}
  75.     {% if Layout.ContentsTop %}
  76.         <div class="ec-layoutRole__contentTop">
  77.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  78.         </div>
  79.     {% endif %}
  80.     <div class="ec-layoutRole__contents">
  81.         {# Layout: SIDE_LEFT #}
  82.         {% if Layout.SideLeft %}
  83.             <aside class="ec-layoutRole__left">
  84.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  85.             </aside>
  86.         {% endif %}
  87.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  88.         {% if Layout.ColumnNum == 2 %}
  89.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  90.         {% elseif Layout.ColumnNum == 3 %}
  91.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  92.         {% endif %}
  93.         <main class="{{ layoutRoleMain }}">
  94.             {# Layout: MAIN_TOP #}
  95.             {% if Layout.MainTop %}
  96.                 <div class="ec-layoutRole__mainTop">
  97.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  98.                 </div>
  99.             {% endif %}
  100.             {# MAIN AREA #}
  101.             {% block main %}{% endblock %}
  102.             {# Layout: MAIN_Bottom #}
  103.             {% if Layout.MainBottom %}
  104.                 <div class="ec-layoutRole__mainBottom">
  105.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  106.                 </div>
  107.             {% endif %}
  108.         </main>
  109.         {# Layout: SIDE_RIGHT #}
  110.         {% if Layout.SideRight %}
  111.             <aside class="ec-layoutRole__right">
  112.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  113.             </aside>
  114.         {% endif %}
  115.     </div>
  116.     {# Layout: CONTENTS_BOTTOM #}
  117.     {% if Layout.ContentsBottom %}
  118.         <div class="ec-layoutRole__contentBottom">
  119.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  120.         </div>
  121.     {% endif %}
  122.     {# Layout: CONTENTS_FOOTER #}
  123.     {% if Layout.Footer %}
  124.         <footer class="ec-layoutRole__footer">
  125.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  126.         </footer>
  127.     {% endif %}
  128. </div><!-- ec-layoutRole -->
  129. <div class="ec-overlayRole"></div>
  130. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  131. <div class="ec-drawerRole">
  132.     {# Layout: DRAWER #}
  133.     {% if Layout.Drawer %}
  134.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  135.     {% endif %}
  136. </div>
  137. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  138. {% include('@common/lang.twig') %}
  139. <script src="{{ asset('assets/js/function.js') }}"></script>
  140. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  141. {% block javascript %}{% endblock %}
  142. {# Layout: CLOSE_BODY_BEFORE #}
  143. {% if Layout.CloseBodyBefore %}
  144.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  145. {% endif %}
  146. {# プラグイン用Snippet #}
  147. {% if plugin_snippets is defined %}
  148.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  149. {% endif %}
  150.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  151. </body>
  152. </html>