app/template/default/default_frame.twig line 140

Open in your IDE?
  1. <!DOCTYPE html>
  2. {#
  3. This file is part of EC-CUBE
  5. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  7. http://www.ec-cube.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"
  16.       content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  17.     <meta name="eccube-csrf-token"
  18.       content="{{
  19.       csrf_token(
  20.         constant('Eccube\\Common\\Constant::TOKEN_NAME')
  21.       )
  22.       }}" />
  23.     <title>
  24.       {{ BaseInfo.shop_name }}{% if
  25.         subtitle is defined and subtitle is not empty %}
  26.         / {{ subtitle }}
  27.       {% elseif title is defined and title is not empty %}
  28.         / {{ title }}
  29.       {% endif %}
  30.     </title>
  31.     {% if Page.meta_tags is not empty %}
  32.       {{ include(template_from_string(Page.meta_tags)) }}
  33.       {% if Page.description is not empty %}
  34.         <meta name="description" content="{{ Page.description }}" />
  35.       {% endif %}
  36.     {% else %}
  37.       {{ include('meta.twig') }}
  38.     {% endif %}
  39.     {% if Page.author is not empty %}
  40.       <meta name="author" content="{{ Page.author }}" />
  41.     {% endif %}
  42.     {% if Page.keyword is not empty %}
  43.       <meta name="keywords" content="{{ Page.keyword }}" />
  44.     {% endif %}
  45.     {% if Page.meta_robots is not empty %}
  46.       <meta name="robots" content="{{ Page.meta_robots }}" />
  47.     {% endif %}
  48.     {% if Page.meta_tags is not empty %}
  49.       {{ include(template_from_string(Page.meta_tags)) }}
  50.     {% endif %}
  51.     <link rel="icon"
  52.       href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}" />
  53.     <link rel="stylesheet"
  54.       href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  55.       integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
  56.       crossorigin="anonymous" />
  57.     <link rel="stylesheet"
  58.       href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
  59.       integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
  60.       crossorigin="anonymous" />
  61.     {# <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"> #}
  62.     <link rel="stylesheet"
  63.       type="text/css"
  64.       href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  65.     <link rel="stylesheet"
  66.       type="text/css"
  67.       href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  68.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}" />
  69.     {% block stylesheet %}
  70.     {% endblock %}
  71.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"
  72.       integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  73.       crossorigin="anonymous"></script>
  74.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
  75.     <script>
  76.       $(function() { $.ajaxSetup({ 'headers': { 'ECCUBE-CSRF-TOKEN':
  77.       $('meta[name="eccube-csrf-token"]').attr('content') } }); });
  78.     </script>
  79.     {# Layout: HEAD #}
  80.     {% if Layout.Head %}
  81.       {{
  82.         include(
  83.           'block.twig',
  84.           {
  85.             Blocks: Layout.Head
  86.           }
  87.         )
  88.       }}
  89.     {% endif %}
  90.     {# プラグイン用styleseetやmetatagなど #}
  91.     {# google fonts #}
  92.     <link rel="preconnect" href="https://fonts.googleapis.com">
  93.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  94.     <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">
  96.     {% if plugin_assets is defined %}{{
  97.       include(
  98.         '@admin/snippet.twig',
  99.         {
  100.           snippets: plugin_assets
  101.         }
  102.       )
  103.     }}{% endif %}
  104.     <link rel="stylesheet"
  105.       href="{{ asset('assets/css/customize.css', 'user_data') }}" />
  106.   </head>
  107.   <body id="page_{{ app.request.get('_route') }}"
  108.     class="{{ body_class|default('other_page') }}">
  109.     {# Layout: BODY_AFTER #}
  110.     {% if Layout.BodyAfter %}
  111.       {{
  112.         include(
  113.           'block.twig',
  114.           {
  115.             Blocks: Layout.BodyAfter
  116.           }
  117.         )
  118.       }}
  119.     {% endif %}
  121.     {% if isMaintenance %}
  122.       <div class="ec-maintenanceAlert">
  123.         <div>
  124.           <div class="ec-maintenanceAlert__icon">
  125.             <img src="{{ asset('assets/icon/exclamation-white.svg') }}" />
  126.           </div>
  127.           {{ 'メンテナンスモードが有効になっています。'|trans }}
  128.         </div>
  129.       </div>
  130.     {% endif %}
  132.     <div class="ec-layoutRole">
  133.       {# Layout: HEADER #}
  134.       {% if Layout.Header %}
  135.         <div class="ec-layoutRole__header">
  136.           {{
  137.             include(
  138.               'block.twig',
  139.               {
  140.                 Blocks: Layout.Header
  141.               }
  142.             )
  143.           }}
  144.         </div>
  145.       {% endif %}
  147.       {# Layout: CONTENTS_TOP #}
  148.       {% if Layout.ContentsTop %}
  149.         <div class="ec-layoutRole__contentTop">
  150.           {{
  151.             include(
  152.               'block.twig',
  153.               {
  154.                 Blocks: Layout.ContentsTop
  155.               }
  156.             )
  157.           }}
  158.         </div>
  159.       {% endif %}
  161.       <div class="ec-layoutRole__contents">
  162.         {# Layout: SIDE_LEFT #}
  163.         {% if Layout.SideLeft %}
  164.           <div class="ec-layoutRole__left">
  165.             {{
  166.               include(
  167.                 'block.twig',
  168.                 {
  169.                   Blocks: Layout.SideLeft
  170.                 }
  171.               )
  172.             }}
  173.           </div>
  174.         {% endif %}
  176.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  177.         {% if Layout.ColumnNum == 2 %}
  178.           {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  179.         {% elseif Layout.ColumnNum == 3 %}
  180.           {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  181.         {% endif %}
  183.         <div class="{{ layoutRoleMain }}">
  184.           {# Layout: MAIN_TOP #}
  185.           {% if Layout.MainTop %}
  186.             <div class="ec-layoutRole__mainTop">
  187.               {{
  188.                 include(
  189.                   'block.twig',
  190.                   {
  191.                     Blocks: Layout.MainTop
  192.                   }
  193.                 )
  194.               }}
  195.             </div>
  196.           {% endif %}
  198.           {# MAIN AREA #}
  199.           {% block main %}
  200.           {% endblock %}
  202.           {# Layout: MAIN_Bottom #}
  203.           {% if Layout.MainBottom %}
  204.             <div class="ec-layoutRole__mainBottom">
  205.               {{
  206.                 include(
  207.                   'block.twig',
  208.                   {
  209.                     Blocks: Layout.MainBottom
  210.                   }
  211.                 )
  212.               }}
  213.             </div>
  214.           {% endif %}
  215.         </div>
  217.         {# Layout: SIDE_RIGHT #}
  218.         {% if Layout.SideRight %}
  219.           <div class="ec-layoutRole__right">
  220.             {{
  221.               include(
  222.                 'block.twig',
  223.                 {
  224.                   Blocks: Layout.SideRight
  225.                 }
  226.               )
  227.             }}
  228.           </div>
  229.         {% endif %}
  230.       </div>
  232.       {# Layout: CONTENTS_BOTTOM #}
  233.       {% if Layout.ContentsBottom %}
  234.         <div class="ec-layoutRole__contentBottom">
  235.           {{
  236.             include(
  237.               'block.twig',
  238.               {
  239.                 Blocks: Layout.ContentsBottom
  240.               }
  241.             )
  242.           }}
  243.         </div>
  244.       {% endif %}
  246.       {# Layout: CONTENTS_FOOTER #}
  247.       {% if Layout.Footer %}
  248.         <div class="ec-layoutRole__footer">
  249.           {{
  250.             include(
  251.               'block.twig',
  252.               {
  253.                 Blocks: Layout.Footer
  254.               }
  255.             )
  256.           }}
  257.         </div>
  258.       {% endif %}
  259.     </div>
  260.     <!-- ec-layoutRole -->
  262.     <div class="ec-overlayRole"></div>
  263.     <div class="ec-drawerRoleClose">
  264.       <i class="fas fa-times"></i>
  265.     </div>
  266.     <div class="ec-drawerRole">
  267.       {# Layout: DRAWER #}
  268.       {% if Layout.Drawer %}
  269.         {{
  270.           include(
  271.             'block.twig',
  272.             {
  273.               Blocks: Layout.Drawer
  274.             }
  275.           )
  276.         }}
  277.       {% endif %}
  278.     </div>
  279.     <div class="ec-blockTopBtn pagetop">
  280.       {{ 'ページトップへ'|trans }}
  281.     </div>
  282.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
  283.       integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
  284.       crossorigin="anonymous"></script>
  285.     {# <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script> #}
  286.     <script type="text/javascript"
  287.       src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  289.     {% include '@common/lang.twig' %}
  290.     <script src="{{ asset('assets/js/function.js') }}"></script>
  291.     <script src="{{ asset('assets/js/eccube.js') }}"></script>
  293.     {% block javascript %}
  294.     {% endblock %}
  295.     {# Layout: CLOSE_BODY_BEFORE #}
  296.     {% if Layout.CloseBodyBefore %}
  297.       {{
  298.         include(
  299.           'block.twig',
  300.           {
  301.             Blocks: Layout.CloseBodyBefore
  302.           }
  303.         )
  304.       }}
  305.     {% endif %}
  306.     {# プラグイン用Snippet #}
  307.     {% if plugin_snippets is defined %}
  308.       {{
  309.         include(
  310.           'snippet.twig',
  311.           {
  312.             snippets: plugin_snippets
  313.           }
  314.         )
  315.       }}
  316.     {% endif %}
  317.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  318.   </body>
  319. </html>