app/template/bootcube2/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: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://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)) }}
  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.     {% if Page.meta_tags is not empty %}
  36.         {{ include(template_from_string(Page.meta_tags)) }}
  37.     {% endif %}
  38.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  40.     <!-- bootstrap4 -->
  41.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  42.     <!-- fontawesome -->
  43.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  44.     <!-- feather icon -->
  45.     <script src="https://unpkg.com/feather-icons"></script>
  46.     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
  47.     <!-- slick -->
  48.     <link rel="stylesheet" href="{{ asset('assets/slick/slick.css') }}">
  49.     <link rel="stylesheet" href="{{ asset('assets/slick/slick-theme.css') }}">
  50.     <!-- style -->
  51.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  52.     <link rel="stylesheet" href="{{ asset('assets/css/theme.css') }}">
  54.     {% block stylesheet %}{% endblock %}
  55.     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  56.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
  57.     <script>
  58.         $(function() {
  59.             $.ajaxSetup({
  60.                 'headers': {
  61.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  62.                 }
  63.             });
  64.         });
  65.     </script>
  66.     {# Layout: HEAD #}
  67.     {% if Layout.Head %}
  68.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  69.     {% endif %}
  70.     {# プラグイン用styleseetやmetatagなど #}
  71.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  72.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  73. </head>
  74. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  75. {# Layout: BODY_AFTER #}
  76. {% if Layout.BodyAfter %}
  77.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  78. {% endif %}
  80. {% if isMaintenance %}
  81.     <div class="ec-maintenanceAlert">
  82.         <div>
  83.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  84.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  85.         </div>
  86.     </div>
  87. {% endif %}
  89. <div class="ec-layoutRole">
  90.     {# Layout: HEADER #}
  91.     {% if Layout.Header %}
  92.         <div class="ec-layoutRole__header">
  93.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  94.         </div>
  95.     {% endif %}
  97.     {# Layout: CONTENTS_TOP #}
  98.     {% if Layout.ContentsTop %}
  99.         <div class="ec-layoutRole__contentTop">
  100.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  101.         </div>
  102.     {% endif %}
  104.     <div class="ec-layoutRole__contents">
  105.         <div class="container">
  106.             <div class="row">
  107.                 {# Layout: SIDE_LEFT #}
  108.                 {% if Layout.SideLeft %}
  109.                     <div class="ec-layoutRole__left col-12 col-lg-3 order-2 order-lg-1">
  110.                         {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  111.                     </div>
  112.                 {% endif %}
  114.                 {% set layoutRoleMain = 'col-12' %}
  115.                 {% if Layout.ColumnNum == 2 %}
  116.                     {% set layoutRoleMain = 'col-12 col-lg-9 order-1' %}
  117.                 {% elseif Layout.ColumnNum == 3 %}
  118.                     {% set layoutRoleMain = 'col-12 col-lg-6 order-2' %}
  119.                 {% endif %}
  121.                 {% set layoutRoleRight = 'col-xs-12 col-lg-3 order-2' %}
  122.                 {% if Layout.ColumnNum == 3 %}
  123.                     {% set layoutRoleRight = 'col-12 col-lg-3 order-3' %}
  124.                 {% endif %}
  126.                 <div class="{{ layoutRoleMain }}">
  127.                     {# Layout: MAIN_TOP #}
  128.                     {% if Layout.MainTop %}
  129.                         <div class="ec-layoutRole__mainTop">
  130.                             {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  131.                         </div>
  132.                     {% endif %}
  134.                     {# MAIN AREA #}
  135.                     {% block main %}{% endblock %}
  137.                     {# Layout: MAIN_Bottom #}
  138.                     {% if Layout.MainBottom %}
  139.                         <div class="ec-layoutRole__mainBottom">
  140.                             {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  141.                         </div>
  142.                     {% endif %}
  143.                 </div>
  145.                 {# Layout: SIDE_RIGHT #}
  146.                 {% if Layout.SideRight %}
  147.                     <div class="ec-layoutRole__right {{ layoutRoleRight }}">
  148.                         {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  149.                     </div>
  150.                 {% endif %}
  151.             </div>
  152.         </div>
  153.     </div>
  155.     {# Layout: CONTENTS_BOTTOM #}
  156.     {% if Layout.ContentsBottom %}
  157.         <div class="ec-layoutRole__contentBottom">
  158.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  159.         </div>
  160.     {% endif %}
  162.     {# Layout: CONTENTS_FOOTER #}
  163.     {% if Layout.Footer %}
  164.         <div class="ec-layoutRole__footer">
  165.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  166.         </div>
  167.     {% endif %}
  168. </div><!-- ec-layoutRole -->
  170. <div class="ec-overlayRole"></div>
  171. <div class="ec-headerNavSP d-flex d-lg-none justify-content-center align-items-center"><i data-feather="menu" width="18" height="18"></i></div>
  172. <div class="ec-drawerRoleClose justify-content-center align-items-center"><i data-feather="x" width="18" height="18"></i></div>
  173. <div class="ec-drawerRole">
  174.     {# Layout: DRAWER #}
  175.     {% if Layout.Drawer %}
  176.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  177.     {% endif %}
  178. </div>
  179. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  181. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  182. {% include('@common/lang.twig') %}
  183. <script src="{{ asset('assets/js/function.js') }}"></script>
  184. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  185. <script>feather.replace({ 'stroke-width': 1, 'width': 20, 'height': 20 });</script>
  186. {% block javascript %}{% endblock %}
  187. {# Layout: CLOSE_BODY_BEFORE #}
  188. {% if Layout.CloseBodyBefore %}
  189.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  190. {% endif %}
  191. {# プラグイン用Snippet #}
  192. {% if plugin_snippets is defined %}
  193.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  194. {% endif %}
  195.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  196. </body>
  197. </html>