app/template/default/default_frame.twig line 1

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" 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.     <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>
  18.     {% if Page.meta_tags is not empty %}
  19.         {{ include(template_from_string(Page.meta_tags)) }}
  20.         {% if Page.description is not empty %}
  21.             <meta name="description" content="{{ Page.description }}">
  22.         {% endif %}
  23.     {% else %}
  24.         {{ include('meta.twig') }}
  25.     {% endif %}
  26.     {% if Page.author is not empty %}
  27.         <meta name="author" content="{{ Page.author }}">
  28.     {% endif %}
  29.     {% if Page.keyword is not empty %}
  30.         <meta name="keywords" content="{{ Page.keyword }}">
  31.     {% endif %}
  32.     {% if Page.meta_robots is not empty %}
  33.         <meta name="robots" content="{{ Page.meta_robots }}">
  34.     {% endif %}
  35.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  36.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  37.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  38.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  39.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  41. <!-- フォント:Noto Sans Japanese -->
  42. <link rel="preconnect" href="https://fonts.googleapis.com">
  43. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  44. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
  45. <!-- フォント: RocknRoll One -->
  46. <link href="https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap" rel="stylesheet">
  47. <!-- フォント: Poppins -->
  48. <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  49. <!-- フォント:Kiwi Maru -->
  50. <link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap" rel="stylesheet">
  51. <!-- フォント:Shippori Mincho -->
  52. <link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  53. <!-- フォント:Raleway -->
  54. <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> 
  56.     {% block stylesheet %}{% endblock %}
  57.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  58.     <script>
  59.         $(function() {
  60.             $.ajaxSetup({
  61.                 'headers': {
  62.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  63.                 }
  64.             });
  65.         });
  66.     </script>
  67.     {# Layout: HEAD #}
  68.     {% if Layout.Head %}
  69.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  70.     {% endif %}
  71.     {# プラグイン用styleseetやmetatagなど #}
  72.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  73.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  74. </head>
  75. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  76. {# Layout: BODY_AFTER #}
  77. {% if Layout.BodyAfter %}
  78.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  79. {% endif %}
  81. <div class="ec-layoutRole">
  82.     {# Layout: HEADER #}
  83.     {% if Layout.Header %}
  84.         <div class="ec-layoutRole__header">
  85.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  86.         </div>
  87.     {% endif %}
  89.     {# Layout: CONTENTS_TOP #}
  90.     {% if Layout.ContentsTop %}
  91.         <div class="ec-layoutRole__contentTop">
  92.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  93.         </div>
  94.     {% endif %}
  96.     <div class="ec-layoutRole__contents">
  97.         {# Layout: SIDE_LEFT #}
  98.         {% if Layout.SideLeft %}
  99.             <div class="ec-layoutRole__left">
  100.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  101.             </div>
  102.         {% endif %}
  104.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  105.         {% if Layout.ColumnNum == 2 %}
  106.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  107.         {% elseif Layout.ColumnNum == 3 %}
  108.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  109.         {% endif %}
  111.         <div class="{{ layoutRoleMain }}">
  112.             {# Layout: MAIN_TOP #}
  113.             {% if Layout.MainTop %}
  114.                 <div class="ec-layoutRole__mainTop">
  115.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  116.                 </div>
  117.             {% endif %}
  119.             {# MAIN AREA #}
  120.             {% block main %}{% endblock %}
  122.             {# Layout: MAIN_Bottom #}
  123.             {% if Layout.MainBottom %}
  124.                 <div class="ec-layoutRole__mainBottom">
  125.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  126.                 </div>
  127.             {% endif %}
  128.         </div>
  130.         {# Layout: SIDE_RIGHT #}
  131.         {% if Layout.SideRight %}
  132.             <div class="ec-layoutRole__right">
  133.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  134.             </div>
  135.         {% endif %}
  136.     </div>
  138.     {# Layout: CONTENTS_BOTTOM #}
  139.     {% if Layout.ContentsBottom %}
  140.         <div class="ec-layoutRole__contentBottom">
  141.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  142.         </div>
  143.     {% endif %}
  145.     {# Layout: CONTENTS_FOOTER #}
  146.     {% if Layout.Footer %}
  147.         <div class="ec-layoutRole__footer">
  148.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  149.         </div>
  150.     {% endif %}
  151. </div><!-- ec-layoutRole -->
  153. <div class="ec-overlayRole"></div>
  154. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  155. <div class="ec-drawerRole">
  156.     {# Layout: DRAWER #}
  157.     {% if Layout.Drawer %}
  158.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  159.     {% endif %}
  160. </div>
  161. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  162. <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  163. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  164. {% include('@common/lang.twig') %}
  165. <script src="{{ asset('assets/js/function.js') }}"></script>
  166. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  167. {% block javascript %}{% endblock %}
  168. {# Layout: CLOSE_BODY_BEFORE #}
  169. {% if Layout.CloseBodyBefore %}
  170.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  171. {% endif %}
  172. {# プラグイン用Snippet #}
  173. {% if plugin_snippets is defined %}
  174.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  175. {% endif %}
  176.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  177. </body>
  178. </html>