app/template/ss4002/default_frame.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#
  3. This file is part of EC-CUBE
  5. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  7. http://www.lockon.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.     <meta charset="utf-8">
  15.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  16.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  17.     <meta name="format-detection" content="telephone=no">
  19.     <!-- Google tag (gtag.js) -->
  20.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-V26DWGSSQS"></script>
  21.     <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-V26DWGSSQS'); </script>
  23.     <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>
  24.     {% if Page.meta_tags is not empty %}
  25.         {{ include(template_from_string(Page.meta_tags)) }}
  26.         {% if Page.description is not empty %}
  27.             <meta name="description" content="{{ Page.description }}">
  28.         {% endif %}
  29.     {% else %}
  30.         {{ include('meta.twig') }}
  31.     {% endif %}
  32.     {% if Page.author is not empty %}
  33.         <meta name="author" content="{{ Page.author }}">
  34.     {% endif %}
  35.     {% if Page.keyword is not empty %}
  36.         <meta name="keywords" content="{{ Page.keyword }}">
  37.     {% endif %}
  38.     {% if Page.meta_robots is not empty %}
  39.         <meta name="robots" content="{{ Page.meta_robots }}">
  40.     {% endif %}
  41.     {% if Page.meta_tags is not empty %}
  42.         {{ include(template_from_string(Page.meta_tags)) }}
  43.     {% endif %}
  45.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/img/favicon_package/apple-touch-icon.png') }}">
  46.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/favicon_package/favicon-32x32.png') }}">
  47.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/img/favicon_package/favicon-16x16.png') }}">
  48.     <link rel="manifest" href="{{ asset('assets/site.webmanifest') }}">
  49.     <link rel="mask-icon" href="{{ asset('assets/img/favicon_package/safari-pinned-tab.svg') }}" color="#224b47">
  50.     <link rel="shortcut icon" href="{{ asset('assets/img/favicon_package/favicon.ico') }}">
  51.     <meta name="msapplication-TileColor" content="#224b47">
  52.     <meta name="msapplication-config" content="{{ asset('assets/browserconfig.xml') }}">
  53.     <meta name="theme-color" content="#ffffff">
  55.     <link rel="preconnect" href="https://fonts.googleapis.com">
  56.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  57.     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600&display=swap" rel="stylesheet">
  58.     <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  60.     {# コメントアウト インライン記述用
  61.     <link rel="stylesheet" href="{{ asset('assets/css/common_style.min.css') }}">
  62.     <style></style>
  63.      #}
  65.     <link rel="stylesheet" href="{{ asset('assets/css/default_style.css') }}" media="all">
  67.     {% block stylesheet %}{% endblock %}
  69.     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  70.     <script src="{{ asset('assets/js/bundle.js') }}" defer></script>
  71.     <script src="{{ asset('assets/js/main.js') }}" defer></script>
  73.     <script>
  74.         $(function() {
  75.             $.ajaxSetup({
  76.                 'headers': {
  77.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  78.                 }
  79.             });
  80.         });
  81.     </script>
  83.     {# Layout: HEAD #}
  84.     {% if Layout.Head %}
  85.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  86.     {% endif %}
  88.     {# プラグイン用styleseetやmetatagなど #}
  89.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  91.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  93. </head>
  94. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  95. <div class="c-loading" id="js-loading"></div>
  97. {# Layout: BODY_AFTER #}
  98. {% if Layout.BodyAfter %}
  99.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  100. {% endif %}
  102. {% if isMaintenance is defined %}
  103.     {% if isMaintenance %}
  104.         <div class="c-maintenance">
  105.             <div class="c-maintenance__item">
  106.                 <i class="c-maintenance__icon material-icons">warning</i>
  107.                 <p class="c-maintenance__text">{{ 'front.under_maintenance'|trans }}</p>
  108.             </div>
  109.         </div>
  110.     {% endif %}
  111. {% endif %}
  113. <div class="l-layout">
  115.     {{ include('Block/nav_sp.twig') }}
  117.     <div class="l-layout__body" id="js-layout__body">
  119.         <span class="l-layout__body-bg" id="js-layout__body-bg"></span>
  121.         {# Layout: HEADER #}
  122.         {% if Layout.Header %}
  123.             <header class="l-header">
  124.                 {{ include('block.twig', {'Blocks': Layout.Header}) }}
  125.             </header>
  126.         {% endif %}
  128.         <main class="l-main">
  130.             {# Layout: CONTENTS_TOP #}
  131.             {% if Layout.ContentsTop %}
  132.                 <div class="l-main__top">
  133.                     {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  134.                 </div>
  135.             {% endif %}
  137.             <div class="l-main__middle">
  139.                 {# Layout: SIDE_LEFT #}
  140.                 {% if Layout.SideLeft %}
  141.                     <div class="l-main__middle-sub">
  142.                         {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  143.                     </div>
  144.                 {% endif %}
  146.                 {% set layoutRoleMain = 'l-main__middle-main' %}
  147.                 {% if Layout.ColumnNum == 2 %}
  148.                     {% set layoutRoleMain = 'l-main__middle-main is-2column' %}
  149.                 {% elseif Layout.ColumnNum == 3 %}
  150.                     {% set layoutRoleMain = 'l-main__middle-main is-3column' %}
  151.                 {% endif %}
  153.                 <div class="{{ layoutRoleMain }}">
  154.                     {# Layout: MAIN_TOP #}
  155.                     {% if Layout.MainTop %}
  156.                         <div class="l-main__middle-main-top">
  157.                             {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  158.                         </div>
  159.                     {% endif %}
  161.                     {# MAIN AREA #}
  162.                     {% block main %}{% endblock %}
  164.                     {# Layout: MAIN_Bottom #}
  165.                     {% if Layout.MainBottom %}
  166.                         <div class="l-main__middle-main-bottom">
  167.                             {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  168.                         </div>
  169.                     {% endif %}
  170.                 </div>
  172.                 {# Layout: SIDE_RIGHT #}
  173.                 {% if Layout.SideRight %}
  174.                     <div class="l-main__middle-sub">
  175.                         {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  176.                     </div>
  177.                 {% endif %}
  179.             </div>
  181.             {# Layout: CONTENTS_BOTTOM #}
  182.             {% if Layout.ContentsBottom %}
  183.                 <div class="l-main__bottom">
  184.                     {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  185.                 </div>
  186.             {% endif %}
  188.         </main>
  190.         {# Layout: CONTENTS_FOOTER #}
  191.         {% if Layout.Footer %}
  192.             <footer class="l-footer">
  194.                 {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  196.                 <div class="c-scroll-to-top is-hide" id="js-scroll-to-top">
  197.                     <div class="c-scroll-to-top__contents">
  198.                         <span class="c-scroll-to-top__text">{{'PAGE TOP'|trans}}</span>
  199.                     </div>
  200.                 </div>
  202.             </footer>
  203.         {% endif %}
  205.     </div>
  207. </div>
  209. {% if Layout.Drawer %}
  210.     {# Layout: DRAWER #}
  211.     <div class="l-drawer">
  213.         <div class="l-drawer__overlay" id="js-drawer__overlay"></div>
  214.         <aside class="l-drawer__body" id="js-drawer__body">
  215.             <div class="l-drawer__heading">
  216.                 <div class="l-drawer__button">
  217.                     <div class="l-drawer__button--close" id="js-drawer__button--close"></div>
  218.                 </div>
  219.             </div>
  220.             <div class="l-drawer__contents">
  221.                 <div class="l-drawer__contents-inner">
  222.                     {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  223.                     <dl class="l-drawer__sns">
  224.                         <dt class="l-drawer__sns-label">Follow us</dt>
  225.                         <dd class="l-drawer__sns-detail">
  226.                             <ul class="l-drawer__sns-list">
  227.                                 {# <li class="l-drawer__sns-list-item">
  228.                                     <a class="l-drawer__sns-link is-twitter" href="#" target="_blank" rel="noopener">Twitter</a>
  229.                                 </li> #}
  230.                                 <li class="l-drawer__sns-list-item">
  231.                                     <a class="l-drawer__sns-link is-instagram" href="https://www.instagram.com/the.supermarket.tokyo/" target="_blank" rel="noopener">Instagram</a>
  232.                                 </li>
  233.                                 <li class="l-drawer__sns-list-item">
  234.                                     <a class="l-drawer__sns-link is-facebook" href="https://www.facebook.com/tsmt.tokyo/" target="_blank" rel="noopener">Facebook</a>
  235.                                 </li>
  236.                             </ul>
  237.                         </dd>
  238.                     </dl>
  239.                 </div>
  240.             </div>
  241.         </aside>
  243.     </div>
  244. {% endif %}
  246. {% include('@common/lang.twig') %}
  248. {% block javascript %}{% endblock %}
  250. {# Layout: CLOSE_BODY_BEFORE #}
  251. {% if Layout.CloseBodyBefore %}
  252.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  253. {% endif %}
  255. {# プラグイン用Snippet #}
  256. {% if plugin_snippets is defined %}
  257.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  258. {% endif %}
  260. <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  262. </body>
  263. </html>