<!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: https://ogp.me/ns# fb: https://ogp.me/ns/fb# product: https://ogp.me/ns/product#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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')) }}">
{% if app.request.attributes.get('_route') == 'homepage' %}
<title>{{ BaseInfo.shop_name }}</title>
{% else %}
<title>{% if subtitle is defined and subtitle is not empty %} {{ subtitle }}{% elseif title is defined and title is not empty %} {{ title }}{% endif %}|{{ BaseInfo.shop_name }}</title>
{% endif %}
{% if Page.meta_tags is not empty %}
{{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
{% 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 %}
<meta name="msapplication-TileImage" content="{{ asset('assets/img/common/270x270.png', 'user_data') }}">
<meta name="thumbnail" content="{{ asset('assets/img/common/270x270.png', 'user_data') }}">
<link rel="shortcut icon" href="{{ asset('assets/img/common/32x32.png', 'user_data') }}" sizes="32x32">
<!--[if IE]>
<link rel="shortcut icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
<![endif]-->
<link rel="apple-touch-icon" href="{{ asset('assets/img/common/apple-touch-icon.png', 'user_data') }}">
<link rel="icon" href="{{ asset('assets/img/common/192x192.png', 'user_data') }}" sizes="192x192">
<!--
<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="{{ asset('assets/img/common/270x270.png', 'user_data') }}"/>
<Attribute name="width" value="270"/>
<Attribute name="height" value="270"/>
</DataObject>
</PageMap>
-->
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
<script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
{% block stylesheet %}{% endblock %}
<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') }}">
<script src="https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.4/ofi.js"></script>
<script> objectFitImages(); </script>
</head>
<body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
{# Layout: BODY_AFTER #}
{% if Layout.BodyAfter %}
{{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
{% endif %}
{% if isMaintenance %}
<div class="ec-maintenanceAlert">
<div>
<div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
{{ 'メンテナンスモードが有効になっています。'|trans }}
</div>
</div>
{% endif %}
<div class="ec-layoutRole">
{# Layout: HEADER #}
{% if Layout.Header %}
<header class="ec-layoutRole__header">
{{ include('block.twig', {'Blocks': Layout.Header}) }}
</header>
{% endif %}
{# Layout: CONTENTS_TOP #}
{% if Layout.ContentsTop %}
<div class="ec-layoutRole__contentTop">
{{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
</div>
{% endif %}
<div class="ec-layoutRole__contents">
{# Layout: SIDE_LEFT #}
{% if Layout.SideLeft %}
<aside class="ec-layoutRole__left">
{{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
</aside>
{% 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 %}
<main 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 #}
{% if Layout.MainBottom %}
<div class="ec-layoutRole__mainBottom">
{{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
</div>
{% endif %}
</main>
{# Layout: SIDE_RIGHT #}
{% if Layout.SideRight %}
<aside class="ec-layoutRole__right">
{{ include('block.twig', {'Blocks': Layout.SideRight}) }}
</aside>
{% 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 %}
<footer class="ec-layoutRole__footer">
{{ include('block.twig', {'Blocks': Layout.Footer}) }}
</footer>
{% endif %}
</div><!-- ec-layoutRole -->
<div class="ec-overlayRole"></div>
{# <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></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>
{% 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>