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.     <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/art-favicon.ico', 'user_data') }}">
  36.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  37.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  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=BIZ+UDPGothic:wght@400;700&display=swap" rel="stylesheet">
  41.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  42.     {% block stylesheet %}{% endblock %}
  43.     <script>
  44.         $(function() {
  45.             $.ajaxSetup({
  46.                 'headers': {
  47.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  48.                 }
  49.             });
  50.         });
  51.     </script>
  52.     {# Layout: HEAD #}
  53.     {% if Layout.Head %}
  54.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  55.     {% endif %}
  56.     {# プラグイン用styleseetやmetatagなど #}
  57.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  58.     <link rel="stylesheet" href="{{ asset('assets/css/util.css', 'user_data') }}">
  59.     <link rel="stylesheet" href="{{ asset('assets/css/style_add.css', 'user_data') }}">
  60.     <link href="https://use.fontawesome.com/releases/v6.5.2/css/all.css" rel="stylesheet">
  61. </head>
  62. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  63. {# Layout: BODY_AFTER #}
  64. {% if Layout.BodyAfter %}
  65.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  66. {% endif %}
  68. {% if isMaintenance %}
  69.     <div class="ec-maintenanceAlert">
  70.         <div>
  71.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  72.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  73.         </div>
  74.     </div>
  75. {% endif %}
  77. <div class="ec-layoutRole">
  78.     {# Layout: HEADER #}
  79.     {% if Layout.Header %}
  80.         <header class="ec-layoutRole__header">
  81.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  82.         </header>
  83.     {% endif %}
  85.     {# Layout: CONTENTS_TOP #}
  86.     {% if Layout.ContentsTop %}
  87.         <div class="ec-layoutRole__contentTop">
  88.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  89.         </div>
  90.     {% endif %}
  92.     <div class="flex main-color-bg">
  93.         {% if is_granted('ROLE_USER') %}
  94.             <aside class="side-menu-layout">
  95.                 {{ include_dispatch('Block/side_menu.twig') }}
  96.             </aside>
  97.         {% endif %}
  99.         <div class="ec-layoutRole__contents">
  100.             {% if is_granted('ROLE_USER') %}
  101.                 <div class="auction-start-popup-area blinking">
  102.                     <div>
  103.                         <div class="popup-title">
  104.                             オークション開催中
  105.                             <i class="fas fa-angle-down"></i>
  106.                         </div>
  108.                         <div class="auction-list">
  109.                             <ul class="list-group">
  110.                             </ul>
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             {% endif %}
  116.             {# Layout: SIDE_LEFT #}
  117.             {% if Layout.SideLeft %}
  118.                 <aside class="ec-layoutRole__left">
  119.                     {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  120.                 </aside>
  121.             {% endif %}
  123.             {% set layoutRoleMain = 'ec-layoutRole__main' %}
  124.             {% if Layout.ColumnNum == 2 %}
  125.                 {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  126.             {% elseif Layout.ColumnNum == 3 %}
  127.                 {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  128.             {% endif %}
  130.             <main class="{{ layoutRoleMain }}">
  131.                 {# Layout: MAIN_TOP #}
  132.                 {% if Layout.MainTop %}
  133.                     <div class="ec-layoutRole__mainTop">
  134.                         {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  135.                     </div>
  136.                 {% endif %}
  138.                 {# MAIN AREA #}
  139.                 {% block main %}{% endblock %}
  141.                 {# Layout: MAIN_Bottom #}
  142.                 {% if Layout.MainBottom %}
  143.                     <div class="ec-layoutRole__mainBottom">
  144.                         {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  145.                     </div>
  146.                 {% endif %}
  147.             </main>
  149.             {# Layout: SIDE_RIGHT #}
  150.             {% if Layout.SideRight %}
  151.                 <aside class="ec-layoutRole__right">
  152.                     {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  153.                 </aside>
  154.             {% endif %}
  155.         </div>
  156.     </div>
  158.     {# Layout: CONTENTS_BOTTOM #}
  159.     {% if Layout.ContentsBottom %}
  160.         <div class="ec-layoutRole__contentBottom">
  161.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  162.         </div>
  163.     {% endif %}
  165.     {# Layout: CONTENTS_FOOTER #}
  166.     {% if Layout.Footer %}
  167.         <footer class="ec-layoutRole__footer">
  168.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  169.         </footer>
  170.     {% endif %}
  171. </div><!-- ec-layoutRole -->
  173. <div class="ec-overlayRole"></div>
  174. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  175. <div class="ec-drawerRole">
  176.     {# Layout: DRAWER #}
  177.     {% if Layout.Drawer %}
  178.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  179.     {% endif %}
  180. </div>
  181. <!-- <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div> -->
  182. {% include('@common/lang.twig') %}
  183. <script src="{{ asset('assets/js/function.js') }}"></script>
  184. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  185. {% block javascript %}{% endblock %}
  186. {# Layout: CLOSE_BODY_BEFORE #}
  187. {% if Layout.CloseBodyBefore %}
  188.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  189. {% endif %}
  190. {# プラグイン用Snippet #}
  191. {% if plugin_snippets is defined %}
  192.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  193. {% endif %}
  194.     <script type="module" src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  195. </body>
  196. </html>