src/Eccube/Resource/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.     <!-- Google Tag Manager -->
  15.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  16.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  17.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  18.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  19.     })(window,document,'script','dataLayer','GTM-P7PB8D3S');</script>
  20.     <!-- End Google Tag Manager -->
  21.     <meta charset="utf-8">
  22.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  23.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  24.     <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>
  25.     {% if Page.meta_tags is not empty %}
  26.         {{ include(template_from_string(Page.meta_tags)) }}
  27.         {% if Page.description is not empty %}
  28.             <meta name="description" content="{{ Page.description }}">
  29.         {% endif %}
  30.     {% else %}
  31.         {{ include('meta.twig') }}
  32.     {% endif %}
  33.     {% if Page.author is not empty %}
  34.         <meta name="author" content="{{ Page.author }}">
  35.     {% endif %}
  36.     {% if Page.keyword is not empty %}
  37.         <meta name="keywords" content="{{ Page.keyword }}">
  38.     {% endif %}
  39.     {% if Page.meta_robots is not empty %}
  40.         <meta name="robots" content="{{ Page.meta_robots }}">
  41.     {% endif %}
  42.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  43.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  44.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  45.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  46.     {% block stylesheet %}{% endblock %}
  47.     <script>
  48.         $(function() {
  49.             $.ajaxSetup({
  50.                 'headers': {
  51.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  52.                 }
  53.             });
  54.         });
  55.     </script>
  56.     <!--
  57.     Personalization用Beaconタグ
  58.     -->
  59.     <script type="text/javascript" async src="//cdn.evgnet.com/beacon/directusinc/ps_test_06/scripts/evergage.min.js"></script>
  60.     <!--
  61.     //ここまで Personalization様Beaconタグ
  62.     -->
  63.     
  64.     {% if app.user %}
  65.     <script type="text/javascript">
  66.         // 変数前準備
  67.         const userId = '{{ app.user.id }}';
  68.         const lastName = '{{ app.user.name01 }}';
  69.         const firstName = '{{ app.user.name02 }}';
  70.         const emailAddress = '{{ app.user.email }}';
  71.         const phoneNumber = '{{ app.user.phone_number }}';
  72.         const birth = '{{ app.user.birth|date("Y-m-d H:i:s") }}';
  73.         const firstAddr = '{{ app.user.addr01 }}';
  74.         const lastAddr = '{{ app.user.addr02 }}';
  76.         console.log(window);
  77.         console.log('The user id is ' + '{{ app.user.id }}');
  78.         console.log('The user email is ' + '{{ app.user.email }}');
  79.         console.log('The user name is ' + '{{ app.user.name01 }} {{ app.user.name02 }}');
  80.         console.log('The user phone number is ' + phoneNumber);
  81.         console.log('The user birthday is ' + birth);
  82.         console.log('The user address is ' + firstAddr + lastAddr);
  83.     </script>
  84.     {% endif %}
  86.     {# Layout: HEAD #}
  87.     {% if Layout.Head %}
  88.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  89.     {% endif %}
  90.     {# プラグイン用styleseetやmetatagなど #}
  91.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  92.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  93. </head>
  94. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  95. <!-- Google Tag Manager (noscript) -->
  96. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7PB8D3S"
  97. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  98. <!-- End Google Tag Manager (noscript) -->
  99. {# Layout: BODY_AFTER #}
  100. {% if Layout.BodyAfter %}
  101.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  102. {% endif %}
  104. {% if isMaintenance %}
  105.     <div class="ec-maintenanceAlert">
  106.         <div>
  107.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  108.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  109.         </div>
  110.     </div>
  111. {% endif %}
  113. <div class="ec-layoutRole">
  114.     {# Layout: HEADER #}
  115.     {% if Layout.Header %}
  116.         <header class="ec-layoutRole__header">
  117.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  118.         </header>
  119.     {% endif %}
  121.     {# Layout: CONTENTS_TOP #}
  122.     {% if Layout.ContentsTop %}
  123.         <div class="ec-layoutRole__contentTop">
  124.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  125.         </div>
  126.     {% endif %}
  128.     <div class="ec-layoutRole__contents">
  129.         {# Layout: SIDE_LEFT #}
  130.         {% if Layout.SideLeft %}
  131.             <aside class="ec-layoutRole__left">
  132.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  133.             </aside>
  134.         {% endif %}
  136.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  137.         {% if Layout.ColumnNum == 2 %}
  138.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  139.         {% elseif Layout.ColumnNum == 3 %}
  140.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  141.         {% endif %}
  143.         <main class="{{ layoutRoleMain }}">
  144.             {# Layout: MAIN_TOP #}
  145.             {% if Layout.MainTop %}
  146.                 <div class="ec-layoutRole__mainTop">
  147.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  148.                 </div>
  149.             {% endif %}
  151.             {# MAIN AREA #}
  152.             {% block main %}{% endblock %}
  154.             {# Layout: MAIN_Bottom #}
  155.             {% if Layout.MainBottom %}
  156.                 <div class="ec-layoutRole__mainBottom">
  157.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  158.                 </div>
  159.             {% endif %}
  160.         </main>
  162.         {# Layout: SIDE_RIGHT #}
  163.         {% if Layout.SideRight %}
  164.             <aside class="ec-layoutRole__right">
  165.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  166.             </aside>
  167.         {% endif %}
  168.     </div>
  170.     {# Layout: CONTENTS_BOTTOM #}
  171.     {% if Layout.ContentsBottom %}
  172.         <div class="ec-layoutRole__contentBottom">
  173.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  174.         </div>
  175.     {% endif %}
  177.     {# Layout: CONTENTS_FOOTER #}
  178.     {% if Layout.Footer %}
  179.         <footer class="ec-layoutRole__footer">
  180.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  181.         </footer>
  182.     {% endif %}
  183. </div><!-- ec-layoutRole -->
  185. <div class="ec-overlayRole"></div>
  186. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  187. <div class="ec-drawerRole">
  188.     {# Layout: DRAWER #}
  189.     {% if Layout.Drawer %}
  190.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  191.     {% endif %}
  192. </div>
  193. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  194. {% include('@common/lang.twig') %}
  195. <script src="{{ asset('assets/js/function.js') }}"></script>
  196. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  197. {% block javascript %}{% endblock %}
  198. {# Layout: CLOSE_BODY_BEFORE #}
  199. {% if Layout.CloseBodyBefore %}
  200.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  201. {% endif %}
  202. {# プラグイン用Snippet #}
  203. {% if plugin_snippets is defined %}
  204.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  205. {% endif %}
  206.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  207. </body>
  208. </html>