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.     {% if (Page is defined and Page.url == 'homepage') or (body_class is defined and body_class == 'front_page') %}
  18.         {% set document_title = 'CHEETAH WiFi' %}
  19.     {% elseif subtitle is defined and subtitle is not empty %}
  20.         {% set document_title = subtitle %}
  21.     {% elseif title is defined and title is not empty %}
  22.         {# dtb_page の管理用表記をブラウザタイトル向けに整える #}
  23.         {% set document_title = title|replace({
  24.             '(入力ページ)': '',
  25.             '(完了ページ)': '',
  26.             '(確認ページ)': '',
  27.             '(再設定ページ)': ''
  28.         }) %}
  29.         {# 「MYページ」など短い名称は「ページ」を落とすと意味が崩れるため残す #}
  30.         {% if document_title|length > 3 and document_title|slice(-3) == 'ページ' %}
  31.             {% set stripped_title = document_title|slice(0, document_title|length - 3)|trim %}
  32.             {% if stripped_title|length > 2 %}
  33.                 {% set document_title = stripped_title %}
  34.             {% endif %}
  35.         {% endif %}
  36.         {% set document_title = document_title|trim('/')|trim %}
  37.     {% else %}
  38.         {% set document_title = 'CHEETAH WiFi' %}
  39.     {% endif %}
  40.     <title>{{ document_title }}</title>
  41.     {% if custom_params is defined and custom_params.custom_meta_tags is defined %}
  42.         {# Custom meta tags from parameters #}
  43.         {% for key, value in custom_params.custom_meta_tags %}
  44.             <meta property="{{ key }}" content="{{ value }}" />
  45.         {% endfor %}
  46.         {% if custom_params.canonical_url is defined %}
  47.             <link rel="canonical" href="{{ custom_params.canonical_url }}" />
  48.         {% endif %}
  49.         {% if custom_params.meta_robots is defined %}
  50.             <meta name="robots" content="{{ custom_params.meta_robots }}" />
  51.         {% endif %}
  52.     {% elseif Page.meta_tags is not empty %}
  53.         {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  54.         {% if Page.description is not empty %}
  55.             <meta name="description" content="{{ Page.description }}">
  56.         {% endif %}
  57.     {% else %}
  58.         {{ include('meta.twig') }}
  59.     {% endif %}
  60.     {% if Page.author is not empty %}
  61.         <meta name="author" content="{{ Page.author }}">
  62.     {% endif %}
  63.     {% if Page.keyword is not empty %}
  64.         <meta name="keywords" content="{{ Page.keyword }}">
  65.     {% endif %}
  66.     {% if Page.meta_robots is not empty %}
  67.         <meta name="robots" content="{{ Page.meta_robots }}">
  68.     {% endif %}
  69.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  70.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  71.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  72.     <link rel="stylesheet" href="{{ asset('assets/css/base.css') }}">
  73.     <link rel="stylesheet" href="{{ asset('assets/css/header.css') }}">
  74.     <link rel="stylesheet" href="{{ asset('assets/css/menu.css') }}">
  75.     <link rel="stylesheet" href="{{ asset('assets/css/footer.css') }}">
  76.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  77.     {% block stylesheet %}{% endblock %}
  78.     <link rel="stylesheet" href="{{ asset('assets/css/ios-input-fix.css') }}">
  79.     <script>
  80.         $(function() {
  81.             $.ajaxSetup({
  82.                 'headers': {
  83.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  84.                 }
  85.             });
  86.         });
  87.     </script>
  88.     {# Layout: HEAD #}
  89.     {% if Layout.Head %}
  90.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  91.     {% endif %}
  92.     {# プラグイン用styleseetやmetatagなど #}
  93.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  94.     {# <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}"> #}
  95.     <link rel="preconnect" href="https://fonts.googleapis.com">
  96.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  97.     <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap" rel="stylesheet">
  98. </head>
  99. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  100. {# Layout: BODY_AFTER #}
  101. {% if Layout.BodyAfter %}
  102.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  103. {% endif %}
  105. {% if isMaintenance %}
  106.     <div class="ec-maintenanceAlert">
  107.         <div>
  108.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  109.             {{ 'front.under_maintenance'|trans }}
  110.         </div>
  111.     </div>
  112. {% endif %}
  114. <div class="ec-layoutRole">
  115.     {# Layout: HEADER #}
  116.     {% if Layout.Header %}
  117.         <header class="ec-layoutRole__header">
  118.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  119.         </header>
  120.     {% endif %}
  122.     {# Layout: CONTENTS_TOP #}
  123.     {% if Layout.ContentsTop %}
  124.         <div class="ec-layoutRole__contentTop">
  125.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  126.         </div>
  127.     {% endif %}
  129.     <div class="">
  130.         {# Layout: SIDE_LEFT #}
  131.         {% if Layout.SideLeft %}
  132.             <aside class="ec-layoutRole__left">
  133.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  134.             </aside>
  135.         {% endif %}
  137.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  138.         {% if Layout.ColumnNum == 2 %}
  139.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  140.         {% elseif Layout.ColumnNum == 3 %}
  141.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  142.         {% endif %}
  144.         <main class="{{ layoutRoleMain }}">
  145.             {# Layout: MAIN_TOP #}
  146.             {% if Layout.MainTop %}
  147.                 <div class="ec-layoutRole__mainTop">
  148.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  149.                 </div>
  150.             {% endif %}
  152.             {# MAIN AREA #}
  153.             {% block main %}{% endblock %}
  155.             {# Layout: MAIN_Bottom #}
  156.             {# {% if Layout.MainBottom %}
  157.                 <div class="ec-layoutRole__mainBottom">
  158.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  159.                 </div>
  160.             {% endif %} #}
  161.         </main>
  163.         {# Layout: SIDE_RIGHT #}
  164.         {% if Layout.SideRight %}
  165.             <aside class="ec-layoutRole__right">
  166.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  167.             </aside>
  168.         {% endif %}
  169.     </div>
  171.     {# Layout: CONTENTS_BOTTOM #}
  172.     {% if Layout.ContentsBottom %}
  173.         <div class="ec-layoutRole__contentBottom">
  174.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  175.         </div>
  176.     {% endif %}
  178.     {# Layout: CONTENTS_FOOTER #}
  179.     {% if Layout.Footer %}
  180.         <footer class="ec-layoutRole__footer font_all_mplus">
  181.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  182.         </footer>
  183.     {% endif %}
  184. </div><!-- ec-layoutRole -->
  186. <div class="ec-overlayRole"></div>
  187. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  188. <div class="ec-drawerRole">
  189.     {# Layout: DRAWER #}
  190.     {% if Layout.Drawer %}
  191.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  192.     {% endif %}
  193. </div>
  194. <div class="ec-blockTopBtn pagetop">
  195.     <i class="fas fa-chevron-up" style="font-size: 20px; margin-top: 10px;"></i>
  196. </div>
  197. {% include('@common/lang.twig') %}
  198. <script src="{{ asset('assets/js/function.js') }}"></script>
  199. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  200. {% block javascript %}{% endblock %}
  201. {# Layout: CLOSE_BODY_BEFORE #}
  202. {% if Layout.CloseBodyBefore %}
  203.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  204. {% endif %}
  205. {# プラグイン用Snippet #}
  206. {% if plugin_snippets is defined %}
  207.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  208. {% endif %}
  209.     <script src="{{ asset('assets/js/custom.js') }}"></script>
  210. </body>
  211. </html>