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

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