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.     <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.     
  18.     {% if app.request.get('_route') == 'homepage' %}
  19.     <title>{{ BaseInfo.shop_name }}</title>
  20.     {% else %}
  21.     <title>{% if subtitle is defined and subtitle is not empty %}{{ subtitle }} | {% elseif title is defined and title is not empty %}{{ title }} | {% endif %}{{ BaseInfo.shop_name }}</title>
  22.     {% endif %}
  23.     
  24.     {% if Page.meta_tags is not empty %}
  25.         {{ include(template_from_string(Page.meta_tags)) }}
  26.         {% if Page.description is not empty %}
  27.             <meta name="description" content="{{ Page.description }}">
  28.         {% endif %}
  29.     {% else %}
  30.         {{ include('meta.twig') }}
  31.     {% endif %}
  32.     {% if Page.author is not empty %}
  33.         <meta name="author" content="{{ Page.author }}">
  34.     {% endif %}
  35.     {% if Page.keyword is not empty %}
  36.         <meta name="keywords" content="{{ Page.keyword }}">
  37.     {% endif %}
  38.     {% if Page.meta_robots is not empty %}
  39.         <meta name="robots" content="{{ Page.meta_robots }}">
  40.     {% endif %}
  41.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  42.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  43.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?01">
  44.     
  45.     <link rel="preconnect" href="https://fonts.googleapis.com">
  46.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  47.     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap" rel="stylesheet">
  49.     
  50.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  51.     {% block stylesheet %}{% endblock %}
  52.     <script>
  53.         $(function() {
  54.             $.ajaxSetup({
  55.                 'headers': {
  56.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  57.                 }
  58.             });
  59.         });
  60.     </script>
  61.     {# Layout: HEAD #}
  62.     {% if Layout.Head %}
  63.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  64.     {% endif %}
  65.     {# プラグイン用styleseetやmetatagなど #}
  66.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  67.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  68.     
  69.     
  70.     <!-- Google tag (gtag.js) -->
  71.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-FRF617XBZW"></script>
  72.     <script>
  73.       window.dataLayer = window.dataLayer || [];
  74.       function gtag(){dataLayer.push(arguments);}
  75.       gtag('js', new Date());
  77.       gtag('config', 'G-FRF617XBZW');
  78.     </script>
  80.     
  81. </head>
  82. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  83. {# Layout: BODY_AFTER #}
  84. {% if Layout.BodyAfter %}
  85.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  86. {% endif %}
  88. {% if isMaintenance %}
  89.     <div class="ec-maintenanceAlert">
  90.         <div>
  91.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  92.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  93.         </div>
  94.     </div>
  95. {% endif %}
  97. <div class="ec-layoutRole">
  98.     {# Layout: HEADER #}
  99.     {% if Layout.Header %}
  100.         <header class="ec-layoutRole__header">
  101.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  102.         </header>
  103.     {% endif %}
  105.     {# Layout: CONTENTS_TOP #}
  106.     {% if Layout.ContentsTop %}
  107.         <div class="ec-layoutRole__contentTop">
  108.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  109.         </div>
  110.     {% endif %}
  112.     <div class="ec-layoutRole__contents">
  113.         {# Layout: SIDE_LEFT #}
  114.         {% if Layout.SideLeft %}
  115.             <aside class="ec-layoutRole__left">
  116.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  117.             </aside>
  118.         {% endif %}
  120.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  121.         {% if Layout.ColumnNum == 2 %}
  122.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  123.         {% elseif Layout.ColumnNum == 3 %}
  124.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  125.         {% endif %}
  127.         <main class="{{ layoutRoleMain }}">
  128.             {# Layout: MAIN_TOP #}
  129.             {% if Layout.MainTop %}
  130.                 <div class="ec-layoutRole__mainTop">
  131.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  132.                 </div>
  133.             {% endif %}
  135.             {# MAIN AREA #}
  136.             {% block main %}{% endblock %}
  138.             {# Layout: MAIN_Bottom #}
  139.             {% if Layout.MainBottom %}
  140.                 <div class="ec-layoutRole__mainBottom">
  141.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  142.                 </div>
  143.             {% endif %}
  144.         </main>
  146.         {# Layout: SIDE_RIGHT #}
  147.         {% if Layout.SideRight %}
  148.             <aside class="ec-layoutRole__right">
  149.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  150.             </aside>
  151.         {% endif %}
  152.     </div>
  154.     {# Layout: CONTENTS_BOTTOM #}
  155.     {% if Layout.ContentsBottom %}
  156.         <div class="ec-layoutRole__contentBottom">
  157.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  158.         </div>
  159.     {% endif %}
  161.     {# Layout: CONTENTS_FOOTER #}
  162.     {% if Layout.Footer %}
  163.         <footer class="ec-layoutRole__footer">
  164.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  165.         </footer>
  166.     {% endif %}
  167. </div><!-- ec-layoutRole -->
  169. <div class="ec-overlayRole"></div>
  170. <div class="ec-drawerRoleClose"></div>
  171. <div class="ec-drawerRole">
  172.     {# Layout: DRAWER #}
  173.     {% if Layout.Drawer %}
  174.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  175.     {% endif %}
  176. </div>
  177. <div class="ec-blockTopBtn pagetop">{{'▲'|trans}}</div>
  178. {% include('@common/lang.twig') %}
  179. <script src="{{ asset('assets/js/function.js') }}"></script>
  180. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  181. {% block javascript %}{% endblock %}
  182. {# Layout: CLOSE_BODY_BEFORE #}
  183. {% if Layout.CloseBodyBefore %}
  184.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  185. {% endif %}
  186. {# プラグイン用Snippet #}
  187. {% if plugin_snippets is defined %}
  188.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  189. {% endif %}
  190.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  191. </body>
  192. </html>