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. {% if app.request.get('_route') == 'product_list' %}
  15. {% if app.request.query.get('category_id') is not empty %}
  16. <link rel="canonical" href="{{ url('homepage') }}products/list?category_id={{ app.request.query.get('category_id') }}" />
  17. {% else %}
  18. <link rel="canonical" href="{{ url('homepage') }}products/list" />
  19. {% endif %}
  20. {% set pages = pagination.paginationData %}
  21. {% if pages.pageCount > 1 %}
  22. {% if pages.previous is defined %}
  23. <link rel="prev" href="{{ app.request.schemeAndHttpHost() ~ path(app.request.attributes.get('_route'),app.request.query.all|merge({'pageno': pages.previous})) }}">
  24. {% endif %}
  25. {% if pages.next is defined %}
  26. <link rel="next" href="{{ app.request.schemeAndHttpHost() ~ path(app.request.attributes.get('_route'),app.request.query.all|merge({'pageno': pages.next})) }}">
  27. {% endif %}
  28. {% endif %}
  29. {% endif %}
  30.     <meta charset="utf-8">
  31.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  32.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  33. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_title is not empty %}
  34. <title>{{ Product.itoben_seo_title }}</title>
  35. {% elseif app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  36. <title>全商品 / {{ BaseInfo.shop_name }}</title>
  37. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_title is not empty %}
  38. <title>{{ Category.itoben_seo_title }}</title>
  39. {% else %}
  40. <title>{% if app.request.get('_route') == 'product_detail' or app.request.get('_route') == 'product_list' %}{{ subtitle }} / {{ BaseInfo.shop_name }}{% else %}{{ BaseInfo.shop_name }}{% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}{% elseif title is defined and title is not empty %} / {{ title }}{% endif %}{% endif %}</title>
  41. {% endif %}
  42. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_author is not empty %}
  43. <meta name="author" content="{{ Product.itoben_seo_author }}">
  44. {% elseif app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  45. {% if Page.author is not empty %}<meta name="author" content="{{ Page.author }}">{% endif %}
  46. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_author is not empty %}
  47. <meta name="author" content="{{ Category.itoben_seo_author }}">
  48. {% elseif Page.author is not empty %}
  49. <meta name="author" content="{{ Page.author }}">
  50. {% endif %}
  51. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_description is not empty %}
  52. <meta name="description" content="{{ Product.itoben_seo_description }}">
  53. {% elseif app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  54. {% if Page.description is not empty %}<meta name="description" content="{{ Page.description }}">{% endif %}
  55. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_description is not empty %}
  56. <meta name="description" content="{{ Category.itoben_seo_description }}">
  57. {% elseif Page.description is not empty %}
  58. <meta name="description" content="{{ Page.description }}">
  59. {% endif %}
  60. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_keyword is not empty %}
  61. <meta name="keywords" content="{{ Product.itoben_seo_keyword }}">
  62. {% elseif app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  63. {% if Page.keyword is not empty %}<meta name="keywords" content="{{ Page.keyword }}">{% endif %}
  64. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_keyword is not empty %}
  65. <meta name="keywords" content="{{ Category.itoben_seo_keyword }}">
  66. {% elseif Page.keyword is not empty %}
  67. <meta name="keywords" content="{{ Page.keyword }}">
  68. {% endif %}
  69. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_meta_robots is not empty %}
  70. <meta name="robots" content="{{ Product.itoben_seo_meta_robots }}">
  71. {% elseif app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  72. {% if Page.meta_robots is not empty %}<meta name="robots" content="{{ Page.meta_robots }}">{% endif %}
  73. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_meta_robots is not empty %}
  74. <meta name="robots" content="{{ Category.itoben_seo_meta_robots }}">
  75. {% elseif Page.meta_robots is not empty %}
  76. <meta name="robots" content="{{ Page.meta_robots }}">
  77. {% endif %}
  78. {% if Page.meta_tags is not empty %}
  79. {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  80. {% endif %}
  81. {% if app.request.get('_route') == 'product_detail' and Product.itoben_seo_meta_tags is not empty %}
  82. {{ include(template_from_string(Product.itoben_seo_meta_tags), sandboxed = true) }}
  83. {% endif %}
  84. {% if app.request.get('_route') == 'product_list' and app.request.query.get('category_id') is empty %}
  85. {% elseif app.request.get('_route') == 'product_list' and Category.itoben_seo_meta_tags is not empty %}
  86. {{ include(template_from_string(Category.itoben_seo_meta_tags), sandboxed = true) }}
  87. {% endif %}
  88.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  89.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  90.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  91.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  92.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  93.     <link rel="preconnect" href="https://fonts.googleapis.com">
  94.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  95.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
  96.     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
  97.     {% block stylesheet %}{% endblock %}
  98.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  99.     <script>
  100.         $(function() {
  101.             $.ajaxSetup({
  102.                 'headers': {
  103.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  104.                 }
  105.             });
  106.         });
  107.     </script>
  108.     {# Layout: HEAD #}
  109.     {% if Layout.Head %}
  110.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  111.     {% endif %}
  112.     {# プラグイン用styleseetやmetatagなど #}
  113.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  114.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  115.     
  116.     <!-- Google Analytics -->
  117.     <script>
  118.       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  119.       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  120.       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  121.       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  122.     
  123.       ga('create', 'UA-58357089-1', {
  124.         'name': 'plg_gaecommerceua',
  125.         'cookieDomain': 'auto'
  126.       });
  127.     
  128.       ga('plg_gaecommerceua.send', 'pageview');
  129.     </script>
  130. </head>
  131. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  132. {# Layout: BODY_AFTER #}
  133. {% if Layout.BodyAfter %}
  134.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  135. {% endif %}
  137. <div class="ec-layoutRole">
  138.     {# Layout: HEADER #}
  139.     {% if Layout.Header %}
  140.         <div class="ec-layoutRole__header">
  141.             <div class="ec-layoutRole__header__inner">
  142.                 <div class="ec-headerRole__navSP">
  143.                     {{ include('Block/nav_sp.twig') }}
  144.                 </div>
  145.                 {{ include('block.twig', {'Blocks': Layout.Header}) }}
  146.             </div>
  147.         </div>
  148.     {% endif %}
  150.     {# Layout: CONTENTS_TOP #}
  151.     {% if Layout.ContentsTop %}
  152.         <div class="ec-layoutRole__contentTop">
  153.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  154.         </div>
  155.     {% endif %}
  157.     <div class="ec-layoutRole__contents">
  158.         {# Layout: SIDE_LEFT #}
  159.         {% if Layout.SideLeft %}
  160.             <div class="ec-layoutRole__left">
  161.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  162.             </div>
  163.         {% endif %}
  165.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  166.         {% if Layout.ColumnNum == 2 %}
  167.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  168.         {% elseif Layout.ColumnNum == 3 %}
  169.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  170.         {% endif %}
  172.         <div class="{{ layoutRoleMain }}">
  173.             {# Layout: MAIN_TOP #}
  174.             {% if Layout.MainTop %}
  175.                 <div class="ec-layoutRole__mainTop">
  176.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  177.                 </div>
  178.             {% endif %}
  180.             {# MAIN AREA #}
  181.             {% block main %}{% endblock %}
  183.             {# Layout: MAIN_Bottom #}
  184.             {% if Layout.MainBottom %}
  185.                 <div class="ec-layoutRole__mainBottom">
  186.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  187.                 </div>
  188.             {% endif %}
  189.         </div>
  191.         {# Layout: SIDE_RIGHT #}
  192.         {% if Layout.SideRight %}
  193.             <div class="ec-layoutRole__right">
  194.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  195.             </div>
  196.         {% endif %}
  197.     </div>
  199.     {# Layout: CONTENTS_BOTTOM #}
  200.     {% if Layout.ContentsBottom %}
  201.         <div class="ec-layoutRole__contentBottom">
  202.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  203.         </div>
  204.     {% endif %}
  206.     {# Layout: CONTENTS_FOOTER #}
  207.     {% if Layout.Footer %}
  208.         <div class="ec-layoutRole__footer">
  209.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  210.         </div>
  211.     {% endif %}
  212. </div><!-- ec-layoutRole -->
  214. <div class="ec-overlayRole"></div>
  215. <div class="ec-drawerRole">
  216.     <div class="ec-drawerRole__inner">
  217.     {# Layout: DRAWER #}
  218.     {% if Layout.Drawer %}
  219.         <div class="ec-layoutRole__header__inner">
  220.             <div class="ec-drawerRoleClose"><img src="{{ asset('assets/icon/icon_menuclose.svg') }}" class="" alt="メニュー閉じるアイコン"></div>
  221.             {{ include('Block/logo.twig') }}
  222.             <div class="ec-headerNaviRole">
  223.                 <div class="ec-headerNaviRole__left">
  224.                 </div>
  225.                 <div class="ec-headerNaviRole__right">
  226.                     <div class="ec-headerNaviRole__nav">
  227.                         {{ include('Block/login.twig') }}
  228.                     </div>
  229.                     <div class="ec-headerRole__cart">
  230.                         {{ include('Block/cart.twig') }}
  231.                     </div>
  232.                 </div>
  233.             </div>
  234.         </div>
  235.     {% endif %}
  236.     {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  237.     </div>
  238. </div>
  239. <div class="ec-headerNaviRole__bottom sticky">
  240.     {#
  241.     <div class="ec-headerNaviRole__fixentry">
  242.         <a href="{{ url('contact_product_fix') }}">修理の申し込み</a>
  243.     </div>
  244.     #}
  245.     <div class="ec-headerNaviRole__contact">
  246.         <a href="{{ url('contact') }}">お問い合わせ・お見積り</a>
  247.     </div>
  248.     <div class="ec-headerNaviRole__searchSP anchor">
  249.         <a href="">
  250.             <img src="{{ asset('assets/icon/icon_search.svg') }}" class="" alt="アイコン検索虫眼鏡">
  251.         </a>
  252.     </div>
  253. </div>
  254. <div class="ec-blockTopBtn pagetop"><img src="{{ asset('assets/icon/icon_arrow_wh.svg') }}" class="" alt="ページトップアイコン"></div>
  255. <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
  256. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  257. {% include('@common/lang.twig') %}
  258. <script src="{{ asset('assets/js/function.js') }}"></script>
  259. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  260. {% block javascript %}{% endblock %}
  261. {# Layout: CLOSE_BODY_BEFORE #}
  262. {% if Layout.CloseBodyBefore %}
  263.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  264. {% endif %}
  265. {# プラグイン用Snippet #}
  266. {% if plugin_snippets is defined %}
  267.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  268. {% endif %}
  269.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  270. </body>
  271. </html>