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: https://ogp.me/ns# fb: https://ogp.me/ns/fb# product: https://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), sandboxed = true) }}
  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://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  37.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  39.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  40.     {% block stylesheet %}{% endblock %}
  41.     <script>
  42.         $(function() {
  43.             $.ajaxSetup({
  44.                 'headers': {
  45.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  46.                 }
  47.             });
  48.         });
  49.     </script>
  50.     <script>
  51.         $(function(){
  52.             $.ajax({
  53.                 type: 'GET',
  54.                 url: 'https://{{ app.request.host }}/wp-json/wp/v2/blog_category?orderby=description&order=asc',
  55.                 dataType: 'json'
  56.             }).done(function(json){
  57.                 var html = '';
  58.                 //記事の件数分イテレートする
  59.                 $.each(json, function( i, row ) {
  60.                     // ブログのタイトル
  61.                     var name = row.name;
  62.                     // ブログのURL
  63.                     var link = row.link;
  64.                     html += '<li><a href="' + link + '">' + name + '</a></li>';
  65.                 });
  66.                 // 整形した記事の情報をページに追加する
  67.                 $('#header_nav_blog_list').append(html);
  68.                 $('#header_nav_blog_list_sp').append(html);
  69.             }).fail(function(json){
  70.                 // console.error('WordPressのブログ記事取得に失敗しました。')
  71.             });
  72.         });
  73.     </script>
  74.     {# Layout: HEAD #}
  75.     {% if Layout.Head %}
  76.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  77.     {% endif %}
  78.     {# プラグイン用styleseetやmetatagなど #}
  79.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  80.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  84. <!-- ▼ WP style -->
  85.     <link rel='stylesheet' id='dashicons-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-includes/css/dashicons.min.css?ver=6.0.1' media='all' />
  86.     <link rel='stylesheet' id='admin-bar-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-includes/css/admin-bar.min.css?ver=6.0.1' media='all' />
  87.     <link rel='stylesheet' id='wp-block-library-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.0.1' media='all' />
  88.     <link rel='stylesheet' id='duplicate-post-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/plugins/duplicate-post/css/duplicate-post.css?ver=4.5' media='all' />
  89.     <link rel='stylesheet' id='twenty-twenty-one-style-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/themes/eyebell/style.css?ver=1.6' media='all' />
  90.     <link rel='stylesheet' id='twenty-twenty-one-print-style-css'  href='{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/themes/eyebell/assets/css/print.css?ver=1.6' media='print' />
  92.     <link rel="stylesheet" href="{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/themes/eyebell/assets/css/eyebell/style.css" type="text/css" />
  93.      <link rel="stylesheet" href="{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/themes/eyebell/assets/css/eyebell/reboot.css" type="text/css" />
  94.      <link rel="stylesheet" href="{% if app.request.isSecure %}https://{% else %}http://{% endif %}{{ app.request.host }}/wp/wp-content/themes/eyebell/assets/css/eyebell/custom_eyebell.css" type="text/css" />
  95.     <style type="text/css">
  96.         .ec-layoutRole__header {
  97.             position: relative;
  98.         }
  99.         .entry-content {
  100.             padding-top: 10px;
  101.         }
  102.         .ec-layoutRole .ec-layoutRole__contents {
  103.             max-width: none;
  104.         }
  105.     </style>
  106. <!-- ▲ WP style -->
  108. </head>
  109. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  110. {# Layout: BODY_AFTER #}
  111. {% if Layout.BodyAfter %}
  112.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  113. {% endif %}
  115. {% if isMaintenance %}
  116.     <div class="ec-maintenanceAlert">
  117.         <div>
  118.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  119.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  120.         </div>
  121.     </div>
  122. {% endif %}
  124. <div class="ec-layoutRole">
  125.     {# Layout: HEADER #}
  126.     {% if Layout.Header %}
  127.         <header class="ec-layoutRole__header">
  128.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  129.         </header>
  130.     {% endif %}
  132.     {# Layout: CONTENTS_TOP #}
  133.     {% if Layout.ContentsTop %}
  134.         <div class="ec-layoutRole__contentTop">
  135.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  136.         </div>
  137.     {% endif %}
  139.     <div class="ec-layoutRole__contents">
  140.         {# Layout: SIDE_LEFT #}
  141.         {% if Layout.SideLeft %}
  142.             <aside class="ec-layoutRole__left">
  143.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  144.             </aside>
  145.         {% endif %}
  147.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  148.         {% if Layout.ColumnNum == 2 %}
  149.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  150.         {% elseif Layout.ColumnNum == 3 %}
  151.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  152.         {% endif %}
  154.         <main class="{{ layoutRoleMain }}">
  155.             {# Layout: MAIN_TOP #}
  156.             {% if Layout.MainTop %}
  157.                 <div class="ec-layoutRole__mainTop">
  158.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  159.                 </div>
  160.             {% endif %}
  162.             {# MAIN AREA #}
  163.             {% block main %}{% endblock %}
  165.             {# Layout: MAIN_Bottom #}
  166.             {% if Layout.MainBottom %}
  167.                 <div class="ec-layoutRole__mainBottom">
  168.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  169.                 </div>
  170.             {% endif %}
  171.         </main>
  173.         {# Layout: SIDE_RIGHT #}
  174.         {% if Layout.SideRight %}
  175.             <aside class="ec-layoutRole__right">
  176.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  177.             </aside>
  178.         {% endif %}
  179.     </div>
  181.     {# Layout: CONTENTS_BOTTOM #}
  182.     {% if Layout.ContentsBottom %}
  183.         <div class="ec-layoutRole__contentBottom">
  184.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  185.         </div>
  186.     {% endif %}
  187. </div>
  188.     {# Layout: CONTENTS_FOOTER #}
  189.     {% if Layout.Footer %}
  190.         <footer class="ec-layoutRole__footer">
  191.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  192.         </footer>
  193.     {% endif %}
  194. </div><!-- ec-layoutRole -->
  196. <div class="ec-overlayRole"></div>
  197. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  198. <div class="ec-drawerRole">
  199.     {# Layout: DRAWER #}
  200.     {% if Layout.Drawer %}
  201.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  202.     {% endif %}
  203. </div>
  204. {#
  205. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  206. #}
  207. {% include('@common/lang.twig') %}
  208. <script src="{{ asset('assets/js/function.js') }}"></script>
  209. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  210. {% block javascript %}{% endblock %}
  211. {# Layout: CLOSE_BODY_BEFORE #}
  212. {% if Layout.CloseBodyBefore %}
  213.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  214. {% endif %}
  215. {# プラグイン用Snippet #}
  216. {% if plugin_snippets is defined %}
  217.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  218. {% endif %}
  219.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  220. </body>
  221. </html>