app/template/default/default_frame.twig line 1

Open in your IDE?
  1. <!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 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://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
        <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=M+PLUS+1p:wght@300;400;700&family=Quicksand:wght@300..700&family=Zen+Maru+Gothic:wght@400;700;900&display=swap" rel="stylesheet">
    
        <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
    
        <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css', 'user_data') }}">
        <link rel="stylesheet" href="{{ asset('assets/css/slick.css', 'user_data') }}">
        <link rel="stylesheet" href="{{ asset('assets//css/slick-theme.css', 'user_data') }}">
        <link rel="stylesheet" href="{{ asset('assets/style.css?ver=14.7', 'user_data') }}">
    
        <script src="{{ asset('assets/js/jquery-3.5.1.min.js', 'user_data') }}"></script>
    
        <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') }}">
    </head>
    <body id="page_{{ app.request.get('_route') }}" class="rf-body {{ 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 %}
    
        {# Layout: HEADER #}
        {% if Layout.Header %}
            {{ include('block.twig', {'Blocks': Layout.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="rf-main {{ 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="rf-footer-wrap">
                {{ include('block.twig', {'Blocks': Layout.Footer}) }}
            </footer>
        {% endif %}
    
    
    {% include('@common/lang.twig') %}
    
    <script>
        const menuObserver = new ResizeObserver(resizeHandler);
        menuObserver.observe(document.querySelector('#js-rf-nav'));
        const changeSizeTgt = document.body;
    
        function resizeHandler(entries) {
            for (let entry of entries) {
                changeSizeTgt.style.minHeight = 'max(100vh,' + (entry.borderBoxSize[0].blockSize + 140) + 'px)';
            }
        }
    </script>
    <script src="{{ asset('assets/js/function.js') }}"></script>
    <script src="{{ asset('assets/js/eccube.js') }}"></script>
    
    <script src="{{ asset('assets/js/jquery.matchHeight-min.js', 'user_data') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/slick.min.js', 'user_data') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/bootstrap.min.js', 'user_data') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/common.js', 'user_data') }}" type="text/javascript"></script>
    <script src="{{ asset('assets/js/viewport.js', 'user_data') }}" type="text/javascript"></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>