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.     <title>
  19.         {% if Product is defined and Product.title is not empty %}
  20.             {{ Product.title }}
  21.         {% elseif Category is defined and Category is not empty and Category is not null and Category.title is not empty %}
  22.             {{ Category.title }}
  23.         {% else %}
  24.             {% if Page.title is not empty %}{{ Page.title }}{% else %}{{ BaseInfo.shop_name }}{% endif %}
  25.         {% endif %}
  26.     </title>
  28.     {% if Page.meta_tags is not empty %}
  29.         {{ include(template_from_string(Page.meta_tags)) }}
  30.         {% if Product is defined and Product.description is not empty %}
  31.             <meta name="description" content="{{ Product.description }}">
  32.         {% elseif Category is defined and Category is not empty and Category is not null and Category.description is not empty %}
  33.             <meta name="description" content="{{ Category.description }}">
  34.         {% else %}
  35.             {% if Page.description is not empty %}
  36.                 <meta name="description" content="{{ Page.description }}">
  37.             {% endif %}
  38.         {% endif %}
  39.     {% else %}
  40.         {{ include('meta.twig') }}
  41.     {% endif %}
  42.     
  43.     {% if Product is defined and Product.keywords is not empty %}
  44.         <meta name="keywords" content="{{ Product.keywords }}">    
  45.     {% elseif Category is defined and Category is not empty and Category is not null and Category.keywords is not empty %}
  46.         <meta name="keywords" content="{{ Category.keywords }}">    
  47.     {% else %}
  48.         {% if Page.keyword is not empty %}
  49.             <meta name="keywords" content="{{ Page.keyword }}">
  50.         {% endif %}
  51.     {% endif %}
  52.     
  53.     {% if Page.meta_robots is not empty %}
  54.         <meta name="robots" content="{{ Page.meta_robots }}">
  55.     {% endif %}
  56.     <link rel="icon" href="{{ asset('assets/img/common/favicon.png', 'user_data') }}">
  57.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  58.     <link rel="preconnect" href="https://fonts.googleapis.com">
  59.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  60.     <link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=RocknRoll+One:wght@100..900&display=swap" rel="stylesheet">
  61.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/animatecss/3.5.2/animate.min.css">
  63.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  64.     <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}">
  65.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  66.     {% block stylesheet %}{% endblock %}
  67.     <script>
  68.         $(function() {
  69.             $.ajaxSetup({
  70.                 'headers': {
  71.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  72.                 }
  73.             });
  74.         });
  75.     </script>
  76.     {# Layout: HEAD #}
  77.     {% if Layout.Head %}
  78.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  79.     {% endif %}
  80.     {# プラグイン用styleseetやmetatagなど #}
  81.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  82.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  83. </head>
  84. <body id="page_{{ app.request.get('_route') }}" class="{{ page_class|default('subpage eccube') }}">
  86. {% set en_page_name = 'ONLINE SHOP' %}
  88. {# Layout: BODY_AFTER #}
  89. {% if Layout.BodyAfter %}
  90.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  91. {% endif %}
  93. {% if isMaintenance %}
  94.     <div class="ec-maintenanceAlert">
  95.         <div>
  96.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  97.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  98.         </div>
  99.     </div>
  100. {% endif %}
  102. <div class="ec-layoutRole">
  103.     {# Layout: HEADER #}
  104.     {% if Layout.Header %}
  105.         <header class="ec-layoutRole__header">
  106.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  107.         </header>
  108.     {% endif %}
  110.     {# Layout: CONTENTS_TOP #}
  111.     {% if Layout.ContentsTop %}
  112.         <div class="ec-layoutRole__contentTop">
  113.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  114.         </div>
  115.     {% endif %}
  117.     <div class="ec-layoutRole__contents">
  118.         {# Layout: SIDE_LEFT #}
  119.         {% if Layout.SideLeft %}
  120.             <aside class="ec-layoutRole__left">
  121.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  122.             </aside>
  123.         {% endif %}
  125.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  126.         {% if Layout.ColumnNum == 2 %}
  127.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  128.         {% elseif Layout.ColumnNum == 3 %}
  129.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  130.         {% endif %}
  132.         <main class="{{ layoutRoleMain }}" style="margin-bottom: 60px;">
  133.         {# <main class="{{ layoutRoleMain }}"> #}
  134.             {# Layout: MAIN_TOP #}
  135.             {% if Layout.MainTop %}
  136.                 <div class="ec-layoutRole__mainTop">
  137.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  138.                 </div>
  139.             {% endif %}
  141.             {# MAIN AREA #}
  142.             {% block main %}{% endblock %}
  144.             {# Layout: MAIN_Bottom #}
  145.             {% if Layout.MainBottom %}
  146.                 <div class="ec-layoutRole__mainBottom">
  147.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  148.                 </div>
  149.             {% endif %}
  150.         </main>
  152.         {# Layout: SIDE_RIGHT #}
  153.         {% if Layout.SideRight %}
  154.             <aside class="ec-layoutRole__right">
  155.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  156.             </aside>
  157.         {% endif %}
  158.     </div>
  160.     {# Layout: CONTENTS_BOTTOM #}
  161.     {% if Layout.ContentsBottom %}
  162.         <div class="ec-layoutRole__contentBottom">
  163.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  164.         </div>
  165.     {% endif %}
  167.     {# Layout: CONTENTS_FOOTER #}
  168.     {% if Layout.Footer %}
  169.         <footer class="ec-layoutRole__footer">
  170.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  171.         </footer>
  172.     {% endif %}
  173. </div><!-- ec-layoutRole -->
  175. <div class="ec-overlayRole"></div>
  176. {# <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div> #}
  177. <div class="ec-drawerRole">
  178.     {# Layout: DRAWER #}
  179.     {% if Layout.Drawer %}
  180.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  181.     {% endif %}
  182. </div>
  183. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  184. {% include('@common/lang.twig') %}
  185. <script src="{{ asset('assets/js/function.js') }}"></script>
  186. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  187. <script src="{{ asset('assets/js/script.js') }}"></script>
  188. {% block javascript %}{% endblock %}
  189. {# Layout: CLOSE_BODY_BEFORE #}
  190. {% if Layout.CloseBodyBefore %}
  191.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  192. {% endif %}
  193. {# プラグイン用Snippet #}
  194. {% if plugin_snippets is defined %}
  195.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  196. {% endif %}
  197.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  198. </body>
  199. </html>