<!doctype html>
{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
<html lang="{{ eccube_config.locale }}">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)
;
})(window,document,'script','dataLayer','GTM-WPNQR96');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-222072587-1"></script>
<script>
{% if app.user.groups is defined %}
gtag('set', 'user_properties', {
'member_rank': '{{ app.user.groups|map(g => g.name)|join('|') }}',
'user_id': '{{ app.user.Id }}'
});
{% endif %}
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-222072587-1');
{% set request_uri = app.request.server.get('REQUEST_URI') %}
{% if '/shopping/complete' in request_uri %}
gtag('event', 'purchase', {
'transaction_id': '{{ Order.orderNo }}', //受注ID
'affiliation': '{{ BaseInfo.shop_name }}', //ショップ名
'value': {{ Order.payment_total }}, //合計金額
'currency': 'JPY', //通貨コード
'tax': {{ Order.tax }}, //消費税
'shipping': {{ Order.delivery_fee_total }}, //送料
'items': [
{% for OrderItem in Order.MergedProductOrderItems %}
{
'item_sku': '{{ OrderItem.product_code }}', //SKU
'item_name': '{{ OrderItem.product_name }}', //商品名
'quantity': {{ OrderItem.quantity }}, //数量
'price': {{ OrderItem.price_inc_tax }}, //商品価格
'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 %}' //カテゴリ
},
{% endfor %}
]
});
dataLayer = [{'user_id': '{{ app.user.Id }}'}];
dataLayer = [{
'items':
{% for OrderItem in Order.MergedProductOrderItems %}
{
'item_sku': '{{ OrderItem.product_code }}', //SKU
'item_name': '{{ OrderItem.product_name }}', //商品名
},
{% endfor %}
}];
{% endif %}
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
<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>
{% if Page.meta_tags is not empty %}
{{ include(template_from_string(Page.meta_tags)) }}
{% if Page.description is not empty %}
<meta name="description" content="{{ Page.description }}">
{% endif %}
{% else %}
{{ include('meta.twig') }}
{% endif %}
{% if Page.author is not empty %}
<meta name="author" content="{{ Page.author }}">
{% endif %}
{% if Page.keyword is not empty %}
<meta name="keywords" content="{{ Page.keyword }}">
{% endif %}
{% if Page.meta_robots is not empty %}
<meta name="robots" content="{{ Page.meta_robots }}">
{% endif %}
<link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
{% block stylesheet %}{% endblock %}
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script>
$(function() {
$.ajaxSetup({
'headers': {
'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
}
});
});
</script>
{# Layout: HEAD #}
{% if Layout.Head %}
{{ include('block.twig', {'Blocks': Layout.Head}) }}
{% endif %}
{# プラグイン用styleseetやmetatagなど #}
{% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
<link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
</head>
<body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPNQR96"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
{# Layout: BODY_AFTER #}
{% if Layout.BodyAfter %}
{{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
{% endif %}
<div class="ec-layoutRole">
<div class="l-header mb40 spMb20">
{# Layout: HEADER #}
{% if Layout.Header %}
<div class="ec-layoutRole__header">
{{ include('block.twig', {'Blocks': Layout.Header}) }}
</div>
{% endif %}
{# Layout: CONTENTS_TOP #}
{% if Layout.ContentsTop %}
<div class="ec-layoutRole__contentTop">
{{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
</div>
{% endif %}
</div>
<div class="ec-layoutRole__contents">
{# Layout: SIDE_LEFT #}
{% if Layout.SideLeft %}
<div class="ec-layoutRole__left">
{{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
</div>
{% endif %}
{% set layoutRoleMain = 'ec-layoutRole__main' %}
{% if Layout.ColumnNum == 2 %}
{% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
{% elseif Layout.ColumnNum == 3 %}
{% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
{% endif %}
<div class="{{ layoutRoleMain }}">
{# Layout: MAIN_TOP #}
{% if Layout.MainTop %}
<div class="ec-layoutRole__mainTop">
{{ include('block.twig', {'Blocks': Layout.MainTop}) }}
</div>
{% endif %}
{# MAIN AREA #}
{% block main %}{% endblock %}
{# Layout: MAIN_Bottom #}
{% set request_uri = app.request.server.get('REQUEST_URI') %}
{% if 'collection' in request_uri %}
{% else %}
{% if Layout.MainBottom %}
<div class="ec-layoutRole__mainBottom">
{{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
</div>
{% endif %}
{% endif %}
{% set request_uri = app.request.server.get('REQUEST_URI') %}
{% if request_uri == '/' %}
{# request_uriの内容を出力する #}
{% endif %}
</div>
{# Layout: SIDE_RIGHT #}
{% if Layout.SideRight %}
<div class="ec-layoutRole__right">
{{ include('block.twig', {'Blocks': Layout.SideRight}) }}
</div>
{% endif %}
</div>
{# Layout: CONTENTS_BOTTOM #}
{% if Layout.ContentsBottom %}
<div class="ec-layoutRole__contentBottom">
{{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
</div>
{% endif %}
{# Layout: CONTENTS_FOOTER #}
{% if Layout.Footer %}
<div class="ec-layoutRole__footer">
{{ include('block.twig', {'Blocks': Layout.Footer}) }}
</div>
{% endif %}
<div class="l-background"></div>
</div><!-- ec-layoutRole -->
<div class="ec-overlayRole"></div>
<div class="ec-drawerRoleClose">
<div class="ec-headerNavSPContainer">
<i class="fas fa-times"></i><span>閉じる</span>
</div>
</div>
<div class="ec-drawerRole">
{# Layout: DRAWER #}
{% if Layout.Drawer %}
{{ include('block.twig', {'Blocks': Layout.Drawer}) }}
{% endif %}
</div>
<div class="ec-blockTopBtn pagetop">{{'▲'|trans}}</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
{% include('@common/lang.twig') %}
<script src="{{ asset('assets/js/function.js') }}"></script>
<script src="{{ asset('assets/js/eccube.js') }}"></script>
{% block javascript %}{% endblock %}
{# Layout: CLOSE_BODY_BEFORE #}
{% if Layout.CloseBodyBefore %}
{{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
{% endif %}
{# プラグイン用Snippet #}
{% if plugin_snippets is defined %}
{{ include('snippet.twig', { snippets: plugin_snippets }) }}
{% endif %}
<script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
</body>
</html>