app/template/magamar/default_frame.twig line 80

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. <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>
  18. {% if Page.meta_tags is not empty %}
  19. {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  20. {% if Page.description is not empty %}
  21. <meta name="description" content="{{ Page.description }}">
  22. {% endif %}
  23. {% else %}
  24. {{ include('meta.twig') }}
  25. {% endif %}
  26. {% if Page.author is not empty %}
  27. <meta name="author" content="{{ Page.author }}">
  28. {% endif %}
  29. {% if Page.keyword is not empty %}
  30. <meta name="keywords" content="{{ Page.keyword }}">
  31. {% endif %}
  32. {% if Page.meta_robots is not empty %}
  33. <meta name="robots" content="{{ Page.meta_robots }}">
  34. {% endif %}
  35. <link rel="icon" href="{{ asset('assets/img/common/favicon.ico') }}" sizes="48x48" >
  36. <link rel="icon" type="image/svg+xml" href="{{ asset('assets/img/common/favicon.svg') }}" sizes="any" />
  37. <link rel="apple-touch-icon" href="{{ asset('assets/img/common/apple-touch-icon.png') }}"/>
  38. <link rel="preconnect" href="https://fonts.googleapis.com">
  39. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  40. <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400..700&family=Noto+Sans+JP:wght@400..700display=swap" rel="stylesheet">
  41. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  42. <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  43. <link rel="stylesheet" href="{{ asset('assets/css/magamar.css') }}">
  44. <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  45. {% block stylesheet %}{% endblock %}
  46. <script>
  47. $(function() {
  48.     $.ajaxSetup({
  49.         'headers': {
  50.             'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  51.         }
  52.     });
  53. });
  54. </script>
  55. {# Layout: HEAD #}
  56. {% if Layout.Head %}
  57. {{ include('block.twig', {'Blocks': Layout.Head}) }}
  58. {% endif %}
  59. {# プラグイン用styleseetやmetatagなど #}
  60. {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  61. <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  62. </head>
  63. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  64. {# Layout: BODY_AFTER #}
  65. {% if Layout.BodyAfter %}
  66.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  67. {% endif %}
  69. {% if isMaintenance %}
  70.     <div class="maintenance-alert">
  71.         <span class="maintenance-icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}" width="100%" alt="メンテナンスモードが有効になっています。"></span>
  72.         <p class="maintenance-text">{{ 'メンテナンスモードが有効になっています。'|trans }}</p>
  73.     </div>
  74. {% endif %}
  76. <div class="ec-layoutRole">
  77.     {# Layout: HEADER #}
  78.     {% if Layout.Header %}
  79.         <header class="header">
  80.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  81.         </header>
  82.     {% endif %}
  84.     {# Layout: CONTENTS_TOP #}
  85.     {% if Layout.ContentsTop %}
  86.         <div class="ec-layoutRole__contentTop">
  87.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  88.         </div>
  89.     {% endif %}
  91.     <div class="ec-layoutRole__contents">
  92.         {# Layout: SIDE_LEFT #}
  93.         {% if Layout.SideLeft %}
  94.             <aside class="ec-layoutRole__left">
  95.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  96.             </aside>
  97.         {% endif %}
  99.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  100.         {% if Layout.ColumnNum == 2 %}
  101.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  102.         {% elseif Layout.ColumnNum == 3 %}
  103.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  104.         {% endif %}
  106.         <main class="{{ layoutRoleMain }}">
  107.             {# Layout: MAIN_TOP #}
  108.             {% if Layout.MainTop %}
  109.                 <div class="ec-layoutRole__mainTop">
  110.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  111.                 </div>
  112.             {% endif %}
  114.             {# MAIN AREA #}
  115.             {% block main %}{% endblock %}
  117.             {# Layout: MAIN_Bottom #}
  118.             {% if Layout.MainBottom %}
  119.                 <div class="ec-layoutRole__mainBottom">
  120.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  121.                 </div>
  122.             {% endif %}
  123.         </main>
  125.         {# Layout: SIDE_RIGHT #}
  126.         {% if Layout.SideRight %}
  127.             <aside class="ec-layoutRole__right">
  128.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  129.             </aside>
  130.         {% endif %}
  131.     </div>
  133.     {# Layout: CONTENTS_BOTTOM #}
  134.     {% if Layout.ContentsBottom %}
  135.         <div class="ec-layoutRole__contentBottom">
  136.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  137.         </div>
  138.     {% endif %}
  140.     {# Layout: CONTENTS_FOOTER #}
  141.     {% if Layout.Footer %}
  142.         <footer class="footer">
  143.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  144.         </footer>
  145.     {% endif %}
  146. </div><!-- ec-layoutRole -->
  148. <div class="ec-overlayRole"></div>
  149. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  150. <div class="ec-drawerRole">
  151.     {# Layout: DRAWER #}
  152.     {% if Layout.Drawer %}
  153.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  154.     {% endif %}
  155. </div>
  156. <div class="ec-blockTopBtn pagetop"><img src="{{ asset('assets/img/common/icon-top.svg', 'user_data') }}"></div>
  157. {% include('@common/lang.twig') %}
  158. <script src="{{ asset('assets/js/function.js') }}"></script>
  159. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  160. {% block javascript %}{% endblock %}
  161. {# Layout: CLOSE_BODY_BEFORE #}
  162. {% if Layout.CloseBodyBefore %}
  163.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  164. {% endif %}
  165. {# プラグイン用Snippet #}
  166. {% if plugin_snippets is defined %}
  167.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  168. {% endif %}
  169.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  170. </body>
  171. </html>