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 }}
  18.         {% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}
  19.         {% elseif title is defined and title is not empty %} / {{ title }}
  20.         {% elseif Page.getName is not empty %} / {{ Page.getName }}
  21.         {% endif %}
  22.     </title>
  23.     {% if Page.meta_tags is not empty %}
  24.         {{ include(template_from_string(Page.meta_tags)) }}
  25.         {% if Page.description is not empty %}
  26.             <meta name="description" content="{{ Page.description }}">
  27.         {% endif %}
  28.     {% else %}
  29.         {{ include('meta.twig') }}
  30.     {% endif %}
  31.     {% if Page.author is not empty %}
  32.         <meta name="author" content="{{ Page.author }}">
  33.     {% endif %}
  34.     {% if Page.keyword is not empty %}
  35.         <meta name="keywords" content="{{ Page.keyword }}">
  36.     {% endif %}
  37.     {% if Page.meta_robots is not empty %}
  38.         <meta name="robots" content="{{ Page.meta_robots }}">
  39.     {% endif %}
  40.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  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" type="text/css" href="{{ asset('assets/css/all.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') }}"> #}
  64.     {# Google Tag Manager #}
  65.     {# 読み込みが別途Bodyタグの最後にある #}
  66.     {% set host = app.request.getSchemeAndHttpHost() %}
  67.     {% set route = app.request.get('_route') %}
  68.     {% if (host == 'https://www.willard.co.jp' or host == 'https://willard.co.jp') %}
  69.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  70.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  71.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  72.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  73.         })(window,document,'script','dataLayer','GTM-5NFRV6');</script>
  74.     {% endif %}
  75.     {# End Google Tag Manager #}
  78.     {# <meta charset="UTF-8">
  79.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  80.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  81.     <title>{{ title }}</title>
  82.     <meta name="description" content="{{ description }}">
  83.     <meta name="keywords" content="{{ keywords }}">
  84.     <meta
  85.     name="format-detection" content="telephone=no">
  87.     <!-- ogp -->
  88.     <meta property="og:url" content="{{ og_url }}">
  89.     {% if og_type %}
  90.       <meta property="og:type" content="{{ og_type }}">
  91.     {% else %}
  92.       <meta property="og:type" content="product">
  93.     {% endif %}
  94.     <meta property="og:title" content="{{ og_title }}">
  95.     <meta property="og:description" content="{{ og_description }}">
  96.     <meta property="og:site_name" content="{{ og_site_name }}">
  97.     <meta property="og:image" content="{{ og_image }}">
  98.     <meta
  99.     property="og:locale" content="ja_JP">
  101.     <!-- sns -->
  102.     <meta property="twitter:card" content="summary">
  103.     <meta property="twitter:site" content="">
  104.     <meta property="fb:app_id" content=""> #}
  105.     {# {% for css in css_list %} #}
  106.       {# <link rel="stylesheet" type="text/css" href="{{ css }}"> #}
  107.     {# {% endfor %} #}
  110. </head>
  111. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  112. {# Layout: BODY_AFTER #}
  113. {% if Layout.BodyAfter %}
  114.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  115. {% endif %}
  117. {% if isMaintenance %}
  118.     <div class="ec-maintenanceAlert">
  119.         <div>
  120.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  121.             {{ 'front.under_maintenance'|trans }}
  122.         </div>
  123.     </div>
  124. {% endif %}
  126. <div class="ec-layoutRole">
  127.     {# Layout: HEADER #}
  128.     {% if Layout.Header %}
  129.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  130.     {% endif %}
  132.     {# Layout: CONTENTS_TOP #}
  133.     {% if Layout.ContentsTop %}
  134.         <div class="ec-layoutRole__contentTop">
  135.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  136.         </div>
  137.     {% endif %}
  139.     <div class="ec-layoutRole__contents">
  140.         {# Layout: SIDE_LEFT #}
  141.         {% if Layout.SideLeft %}
  142.             <aside class="ec-layoutRole__left">
  143.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  144.             </aside>
  145.         {% endif %}
  147.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  148.         {% if Layout.ColumnNum == 2 %}
  149.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  150.         {% elseif Layout.ColumnNum == 3 %}
  151.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  152.         {% endif %}
  154.         <main class="{{ layoutRoleMain }}">
  155.             {# Layout: MAIN_TOP #}
  156.             {% if Layout.MainTop %}
  157.                 <div class="ec-layoutRole__mainTop">
  158.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  159.                 </div>
  160.             {% endif %}
  162.             {# MAIN AREA #}
  163.             {% block main %}{% endblock %}
  165.             {# Layout: MAIN_Bottom #}
  166.             {% if Layout.MainBottom %}
  167.                 <div class="ec-layoutRole__mainBottom">
  168.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  169.                 </div>
  170.             {% endif %}
  171.         </main>
  173.         {# Layout: SIDE_RIGHT #}
  174.         {% if Layout.SideRight %}
  175.             <aside class="ec-layoutRole__right">
  176.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  177.             </aside>
  178.         {% endif %}
  179.     </div>
  181.     {# Layout: CONTENTS_BOTTOM #}
  182.     {% if Layout.ContentsBottom %}
  183.         <div class="ec-layoutRole__contentBottom">
  184.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  185.         </div>
  186.     {% endif %}
  188.     {# Layout: CONTENTS_FOOTER #}
  189.     {% if Layout.Footer %}
  190.         <footer class="ec-layoutRole__footer">
  191.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  192.         </footer>
  193.     {% endif %}
  194. </div><!-- ec-layoutRole -->
  196. <div class="ec-overlayRole"></div>
  197. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  198. <div class="ec-drawerRole">
  199.     {# Layout: DRAWER #}
  200.     {% if Layout.Drawer %}
  201.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  202.     {% endif %}
  203. </div>
  204. <div class="ec-blockTopBtn pagetop">{{'common.pagetop'|trans}}</div>
  205. {% include('@common/lang.twig') %}
  206. <script src="{{ asset('assets/js/function.js') }}"></script>
  207. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  208. <script src="{{ asset('assets/js/header.js') }}"></script>
  209. {% block javascript %}{% endblock %}
  210. {# Layout: CLOSE_BODY_BEFORE #}
  211. {% if Layout.CloseBodyBefore %}
  212.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  213. {% endif %}
  214. {# プラグイン用Snippet #}
  215. {% if plugin_snippets is defined %}
  216.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  217. {% endif %}
  218.     {# <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script> #}
  221. <div class="container">
  222.             {% block header %}{% endblock %}
  223.       {# {% if breadcrumbs_list %} #}
  224.                 {# {% include "/common/html/breadcrumbs.twig" %} #}
  225.       {# {% endif %} #}
  226.       {# {% block main %}{% endblock %} #}
  227.       {% block footer %}{% endblock %}
  228.     </div>
  229.     {# {% if header %} #}
  230.       {# <script type="text/javascript" src="{{ header }}"></script> #}
  231.     {# {% else %} #}
  232.       {# <script type="text/javascript" src="/common/js/header.js"></script> #}
  233.     {# {% endif %} #}
  234.     {# {% for js in js_list %}
  235.       <script type="text/javascript" src="{{ js }}"></script>
  236.     {% endfor %} #}
  237.     {# {% if js %}
  238.       <script type="module" src="{{ js }}"></script>
  239.     {% endif %} #}
  240.     <script type="text/javascript">
  241.       if (location.pathname !== '/entry/' && location.pathname !== '/entry/confirmation/'){
  242.           delete localStorage.entryForm;
  243.       }
  244.       if (location.pathname !== '/mypage/member/' && location.pathname !== '/mypage/member/confirmation/') {
  245.           delete localStorage.editEntryForm;
  246.       }
  247.       if (location.pathname !== '/mypage/mail/' && location.pathname !== '/mypage/mail/confirmation/') {
  248.           delete localStorage.editMailEntryForm;
  249.       }
  250.     </script>
  251.     {# Google Tag Manager #}
  252.     {% if (host == 'https://www.willard.co.jp' or host == 'https://willard.co.jp') %}
  253.         <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5NFRV6"
  254.         height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  255.     {% endif %}
  256.     {# End Google Tag Manager #}
  257. </body>
  258. </html>