app/template/default/default_frame.twig line 111

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', '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.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  39.     {% block stylesheet %}{% endblock %}
  40.     <script>
  41.         $(function() {
  42.             $.ajaxSetup({
  43.                 'headers': {
  44.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  45.                 }
  46.             });
  47.         });
  48.     </script>
  49.     {# Layout: HEAD #}
  50.     {% if Layout.Head %}
  51.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  52.     {% endif %}
  53.     {# プラグイン用styleseetやmetatagなど #}
  54.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  55.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  56.     <style>
  57.         #global-floating-button {
  58.             position: fixed;
  59.             bottom: 60px;
  60.             right: 20px;
  61.             z-index: 1000;
  62.             background-color: #C1E706;
  63.             color: #374700;
  64.             border: 3px solid #374700;
  65.             border-radius: 50%;
  66.             width: 80px;
  67.             height: 80px;
  68.             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  69.             cursor: pointer;
  70.             font-size: 20px;
  71.             font-weight: bold;
  72.             display: flex;
  73.             align-items: center;
  74.             justify-content: center;
  75.             text-decoration: none;
  76.             padding: 0;
  77.             margin: 0;
  78.             line-height: 1.2;
  79.         }
  80.         @media only screen and (min-width: 768px) {
  81.             #global-floating-button {
  82.                 bottom: 110px;
  83.             }
  84.         }
  86.         #global-floating-button:hover {
  87.             color: #C1E706;
  88.             background-color: #374700;
  89.         }
  90.     </style>
  91. </head>
  92. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  93. {# Layout: BODY_AFTER #}
  94. {% if Layout.BodyAfter %}
  95.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  96. {% endif %}
  98. {% if isMaintenance %}
  99.     <div class="ec-maintenanceAlert">
  100.         <div>
  101.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  102.             {{ 'front.under_maintenance'|trans }}
  103.         </div>
  104.     </div>
  105. {% endif %}
  107. <div class="ec-layoutRole">
  108.     {# Layout: HEADER #}
  109.     {% if Layout.Header %}
  110.         <header class="ec-layoutRole__header">
  111.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  112.         </header>
  113.     {% endif %}
  115.     {# Layout: CONTENTS_TOP #}
  116.     {% if Layout.ContentsTop %}
  117.         <div class="ec-layoutRole__contentTop">
  118.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  119.         </div>
  120.     {% endif %}
  122.     <div class="ec-layoutRole__contents">
  123.         {# Layout: SIDE_LEFT #}
  124.         {% if Layout.SideLeft %}
  125.             <aside class="ec-layoutRole__left">
  126.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  127.             </aside>
  128.         {% endif %}
  130.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  131.         {% if Layout.ColumnNum == 2 %}
  132.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  133.         {% elseif Layout.ColumnNum == 3 %}
  134.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  135.         {% endif %}
  137.         <main class="{{ layoutRoleMain }}">
  138.             {# Layout: MAIN_TOP #}
  139.             {% if Layout.MainTop %}
  140.                 <div class="ec-layoutRole__mainTop">
  141.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  142.                 </div>
  143.             {% endif %}
  145.             {# MAIN AREA #}
  146.             {% block main %}{% endblock %}
  148.             {# Layout: MAIN_Bottom #}
  149.             {% if Layout.MainBottom %}
  150.                 <div class="ec-layoutRole__mainBottom">
  151.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  152.                 </div>
  153.             {% endif %}
  154.         </main>
  156.         {# Layout: SIDE_RIGHT #}
  157.         {% if Layout.SideRight %}
  158.             <aside class="ec-layoutRole__right">
  159.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  160.             </aside>
  161.         {% endif %}
  162.     </div>
  164.     {# Layout: CONTENTS_BOTTOM #}
  165.     {% if Layout.ContentsBottom %}
  166.         <div class="ec-layoutRole__contentBottom">
  167.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  168.         </div>
  169.     {% endif %}
  171.     {# Layout: CONTENTS_FOOTER #}
  172.     {% if Layout.Footer %}
  173.         <footer class="ec-layoutRole__footer">
  174.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  175.         </footer>
  176.     {% endif %}
  177. </div><!-- ec-layoutRole -->
  179. <div class="ec-overlayRole"></div>
  180. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  181. <div class="ec-drawerRole">
  182.     {# Layout: DRAWER #}
  183.     {% if Layout.Drawer %}
  184.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  185.     {% endif %}
  186. </div>
  187. <div class="ec-blockTopBtn pagetop">{{'common.pagetop'|trans}}</div>
  188. {% include('@common/lang.twig') %}
  189. <script src="{{ asset('assets/js/function.js') }}"></script>
  190. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  191. {% block javascript %}{% endblock %}
  192. {# Layout: CLOSE_BODY_BEFORE #}
  193. {% if Layout.CloseBodyBefore %}
  194.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  195. {% endif %}
  196. {# プラグイン用Snippet #}
  197. {% if plugin_snippets is defined %}
  198.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  199. {% endif %}
  200.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  201.     <a href="{{ url('request_materials') }}" class="floating-button" id="global-floating-button">資料<br>請求</a>
  202. </body>
  203. </html>