app/template/default/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.     {{ include('headerCustomize.twig') }}
  16.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  17.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  18.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico') }}">
  19.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  20.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  21.     <link rel="stylesheet" href="{{ asset('assets/css/ec-base.css') }}">
  22.     <link rel="stylesheet" href="{{ asset('assets/css/ec-customize.css') }}">
  23.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  24.     {% block stylesheet %}{% endblock %}
  25.     <script>
  26.         $(function () {
  27.             $.ajaxSetup({
  28.                 'headers': {
  29.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  30.                 }
  31.             });
  32.         });
  33.     </script>
  34.     {# Layout: HEAD #}
  35.     {% if Layout.Head %}
  36.     {{ include('block.twig', {'Blocks': Layout.Head}) }}
  37.     {% endif %}
  38.     {# プラグイン用styleseetやmetatagなど #}
  39.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  40.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  41. </head>
  43. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  44.     {# Layout: BODY_AFTER #}
  45.     {% if Layout.BodyAfter %}
  46.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  47.     {% endif %}
  49.     {% if isMaintenance %}
  50.     <div class="ec-maintenanceAlert">
  51.         <div>
  52.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}" /></div>
  53.             {{ 'front.under_maintenance'|trans }}
  54.         </div>
  55.     </div>
  56.     {% endif %}
  58.     <div class="ec-layoutRole">
  59.         {# Layout: HEADER #}
  60.         {% if Layout.Header %}
  61.         <header class="ec-layoutRole__header">
  62.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  63.         </header>
  64.         {% endif %}
  66.         {# Layout: CONTENTS_TOP #}
  67.         {% if Layout.ContentsTop %}
  68.         <div class="ec-layoutRole__contentTop">
  69.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  70.         </div>
  71.         {% endif %}
  73.         <div class="ec-layoutRole__contents">
  74.             {# Layout: SIDE_LEFT #}
  75.             {% if Layout.SideLeft %}
  76.             <aside class="ec-layoutRole__left">
  77.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  78.             </aside>
  79.             {% endif %}
  81.             {% set layoutRoleMain = 'ec-layoutRole__main' %}
  82.             {% if Layout.ColumnNum == 2 %}
  83.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  84.             {% elseif Layout.ColumnNum == 3 %}
  85.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  86.             {% endif %}
  88.             <main class="{{ layoutRoleMain }}">
  89.                 {# Layout: MAIN_TOP #}
  90.                 {% if Layout.MainTop %}
  91.                 <div class="ec-layoutRole__mainTop">
  92.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  93.                 </div>
  94.                 {% endif %}
  96.                 {# MAIN AREA #}
  97.                 {% block main %}{% endblock %}
  99.                 {# Layout: MAIN_Bottom #}
  100.                 {% if Layout.MainBottom %}
  101.                 <div class="ec-layoutRole__mainBottom">
  102.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  103.                 </div>
  104.                 {% endif %}
  105.             </main>
  107.             {# Layout: SIDE_RIGHT #}
  108.             {% if Layout.SideRight %}
  109.             <aside class="ec-layoutRole__right">
  110.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  111.             </aside>
  112.             {% endif %}
  113.         </div>
  115.         {# Layout: CONTENTS_BOTTOM #}
  116.         {% if Layout.ContentsBottom %}
  117.         <div class="ec-layoutRole__contentBottom">
  118.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  119.         </div>
  120.         {% 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 -->
  130.     <div class="ec-overlayRole"></div>
  131.     <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  132.     <div class="ec-drawerRole">
  133.         {# Layout: DRAWER #}
  134.         {% if Layout.Drawer %}
  135.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  136.         {% endif %}
  137.     </div>
  138.     <div class="ec-blockTopBtn pagetop">{{'common.pagetop'|trans}}</div>
  139.     {% include('@common/lang.twig') %}
  140.     <script src="{{ asset('assets/js/function.js') }}"></script>
  141.     <script src="{{ asset('assets/js/eccube.js') }}"></script>
  142.     {% block javascript %}{% endblock %}
  143.     {# Layout: CLOSE_BODY_BEFORE #}
  144.     {% if Layout.CloseBodyBefore %}
  145.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  146.     {% endif %}
  147.     {# プラグイン用Snippet #}
  148.     {% if plugin_snippets is defined %}
  149.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  150.     {% endif %}
  151.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  152. </body>
  154. </html>