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: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://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.         ;
  20.         })(window,document,'script','dataLayer','GTM-WPNQR96');</script>
  21.     <!-- End Google Tag Manager -->
  22.     
  23.     <!-- Global site tag (gtag.js) - Google Analytics -->
  24.     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-222072587-1"></script>
  25.     <script>
  26.     {% if app.user.groups is defined %}
  27.         gtag('set', 'user_properties', {
  28.             'member_rank': '{{ app.user.groups|map(g => g.name)|join('|') }}',
  29.             'user_id': '{{ app.user.Id }}'
  30.         });
  31.     {% endif %}
  33.     window.dataLayer = window.dataLayer || [];
  34.     function gtag(){dataLayer.push(arguments);}
  35.     gtag('js', new Date());
  37.     gtag('config', 'UA-222072587-1');
  39.       {% set request_uri = app.request.server.get('REQUEST_URI') %}
  40.         {% if '/shopping/complete' in request_uri %}
  41.         gtag('event', 'purchase', {
  42.             'transaction_id': '{{ Order.orderNo }}', //受注ID
  43.             'affiliation': '{{ BaseInfo.shop_name }}', //ショップ名
  44.             'value': {{ Order.payment_total }}, //合計金額
  45.             'currency': 'JPY', //通貨コード
  46.             'tax': {{ Order.tax }}, //消費税
  47.             'shipping': {{ Order.delivery_fee_total }}, //送料
  48.             'items': [
  49.             {% for OrderItem in Order.MergedProductOrderItems %}
  50.                 {
  51.                 'item_sku': '{{ OrderItem.product_code }}', //SKU
  52.                 'item_name': '{{ OrderItem.product_name }}', //商品名
  53.                 'quantity': {{ OrderItem.quantity }}, //数量
  54.                 'price': {{ OrderItem.price_inc_tax }}, //商品価格
  55.                 'category': '{% for ProductCategory in OrderItem.Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}' //カテゴリ
  56.                 },
  57.             {% endfor %}
  58.             ]
  59.         });
  60.         dataLayer = [{'user_id': '{{ app.user.Id }}'}];
  61.         dataLayer = [{
  62.             'items':
  63.                     {% for OrderItem in Order.MergedProductOrderItems %}
  64.                         {
  65.                             'item_sku': '{{ OrderItem.product_code }}', //SKU
  66.                             'item_name': '{{ OrderItem.product_name }}', //商品名
  67.                         },
  68.                     {% endfor %}
  69.         }];
  70.         {% endif %}
  71.     </script>
  73.     <meta charset="utf-8">
  74.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  75.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  76.     <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>
  77.     {% if Page.meta_tags is not empty %}
  78.         {{ include(template_from_string(Page.meta_tags)) }}
  79.         {% if Page.description is not empty %}
  80.             <meta name="description" content="{{ Page.description }}">
  81.         {% endif %}
  82.     {% else %}
  83.         {{ include('meta.twig') }}
  84.     {% endif %}
  85.     {% if Page.author is not empty %}
  86.         <meta name="author" content="{{ Page.author }}">
  87.     {% endif %}
  88.     {% if Page.keyword is not empty %}
  89.         <meta name="keywords" content="{{ Page.keyword }}">
  90.     {% endif %}
  91.     {% if Page.meta_robots is not empty %}
  92.         <meta name="robots" content="{{ Page.meta_robots }}">
  93.     {% endif %}
  94.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  95.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  96.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  97.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  98.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  99.     {% block stylesheet %}{% endblock %}
  100.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  101.     <script>
  102.         $(function() {
  103.             $.ajaxSetup({
  104.                 'headers': {
  105.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  106.                 }
  107.             });
  108.         });
  109.     </script>
  110.     
  111.     {# Layout: HEAD #}
  112.     {% if Layout.Head %}
  113.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  114.     {% endif %}
  115.     {# プラグイン用styleseetやmetatagなど #}
  116.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  117.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  118. </head>
  119. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  120. <!-- Google Tag Manager (noscript) -->
  121. <noscript>
  122.     <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPNQR96"
  123.                   height="0" width="0" style="display:none;visibility:hidden"></iframe>
  124. </noscript>
  125. <!-- End Google Tag Manager (noscript) -->
  126. {# Layout: BODY_AFTER #}
  127. {% if Layout.BodyAfter %}
  128.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  129. {% endif %}
  131. <div class="ec-layoutRole">
  132.     <div class="l-header mb40 spMb20">
  133.     {# Layout: HEADER #}
  134.     {% if Layout.Header %}
  135.         <div class="ec-layoutRole__header">
  136.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  137.         </div>
  138.     {% endif %}
  140.     {# Layout: CONTENTS_TOP #}
  141.     {% if Layout.ContentsTop %}
  142.         <div class="ec-layoutRole__contentTop">
  143.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  144.         </div>
  145.     {% endif %}
  146.     </div>
  148.     <div class="ec-layoutRole__contents">
  149.         {# Layout: SIDE_LEFT #}
  150.         {% if Layout.SideLeft %}
  151.             <div class="ec-layoutRole__left">
  152.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  153.             </div>
  154.         {% endif %}
  156.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  157.         {% if Layout.ColumnNum == 2 %}
  158.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  159.         {% elseif Layout.ColumnNum == 3 %}
  160.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  161.         {% endif %}
  163.         <div class="{{ layoutRoleMain }}">
  164.             {# Layout: MAIN_TOP #}
  165.             {% if Layout.MainTop %}
  166.                 <div class="ec-layoutRole__mainTop">
  167.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  168.                 </div>
  169.             {% endif %}
  171.             {# MAIN AREA #}
  172.             {% block main %}{% endblock %}
  174.             {# Layout: MAIN_Bottom #}
  175.             {% set request_uri = app.request.server.get('REQUEST_URI') %}
  176.             {% if 'collection' in request_uri %}
  177.             
  178.             {% else %}
  179.                 {% if Layout.MainBottom %}
  180.                     <div class="ec-layoutRole__mainBottom">
  181.                         {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  182.                     </div>
  183.                 {% endif %}
  184.             {% endif %}
  186.             {% set request_uri = app.request.server.get('REQUEST_URI') %}
  187.             {% if request_uri == '/'  %}
  188.             {# request_uriの内容を出力する #}
  189.             {% endif %}
  191.         </div>
  193.         {# Layout: SIDE_RIGHT #}
  194.         {% if Layout.SideRight %}
  195.             <div class="ec-layoutRole__right">
  196.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  197.             </div>
  198.         {% endif %}
  199.     </div>
  201.     {# Layout: CONTENTS_BOTTOM #}
  202.     {% if Layout.ContentsBottom %}
  203.         <div class="ec-layoutRole__contentBottom">
  204.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  205.         </div>
  206.     {% endif %}
  208.     {# Layout: CONTENTS_FOOTER #}
  209.     {% if Layout.Footer %}
  210.         <div class="ec-layoutRole__footer">
  211.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  212.         </div>
  213.     {% endif %}
  215.     <div class="l-background"></div>
  217. </div><!-- ec-layoutRole -->
  219. <div class="ec-overlayRole"></div>
  220. <div class="ec-drawerRoleClose">
  221.     <div class="ec-headerNavSPContainer">
  222.         <i class="fas fa-times"></i><span>閉じる</span>
  223.     </div>
  224. </div>
  225. <div class="ec-drawerRole">
  226.     {# Layout: DRAWER #}
  227.     {% if Layout.Drawer %}
  228.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  229.     {% endif %}
  230. </div>
  231. <div class="ec-blockTopBtn pagetop">{{'▲'|trans}}</div>
  232. <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  233. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  234. {% include('@common/lang.twig') %}
  235. <script src="{{ asset('assets/js/function.js') }}"></script>
  236. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  237. {% block javascript %}{% endblock %}
  238. {# Layout: CLOSE_BODY_BEFORE #}
  239. {% if Layout.CloseBodyBefore %}
  240.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  241. {% endif %}
  242. {# プラグイン用Snippet #}
  243. {% if plugin_snippets is defined %}
  244.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  245. {% endif %}
  246.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  247. </body>
  248. </html>