<!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#">
<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 %}
{% if Page.meta_tags is not empty %}
{{ include(template_from_string(Page.meta_tags)) }}
{% 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"
type="text/css"
href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}" />
{% block stylesheet %}
{% endblock %}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></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など #}
{# google fonts #}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@500&display=swap" rel="stylesheet">
{% 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') }}">
{# 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 %}
<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 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 #}
{% if Layout.MainBottom %}
<div class="ec-layoutRole__mainBottom">
{{
include(
'block.twig',
{
Blocks: Layout.MainBottom
}
)
}}
</div>
{% 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>
<!-- 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>
<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> #}
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/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>