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 }}
  18.             {% if subtitle is defined and subtitle is not empty %}
  19.                 /
  20.                 {{ subtitle }}
  21.             {% elseif title is defined and title is not empty %}
  22.                 /
  23.                 {{ title }}
  24.             {% endif %}
  25.         </title>
  26.         {% if Page.meta_tags is not empty %}
  27.             {{ include(template_from_string(Page.meta_tags)) }}
  28.             {% if Page.description is not empty %}
  29.                 <meta name="description" content="{{ Page.description }}">
  30.             {% endif %}
  31.         {% else %}
  32.             {{ include('meta.twig') }}
  33.         {% endif %}
  34.         {% if Page.author is not empty %}
  35.             <meta name="author" content="{{ Page.author }}">
  36.         {% endif %}
  37.         {% if Page.keyword is not empty %}
  38.             <meta name="keywords" content="{{ Page.keyword }}">
  39.         {% endif %}
  40.         {% if Page.meta_robots is not empty %}
  41.             <meta name="robots" content="{{ Page.meta_robots }}">
  42.         {% endif %}
  43.         <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  44.         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  45.         <link
  46.         href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"
  47.         rel="stylesheet"
  48.           />
  49.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  50.         <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  51.         {% block stylesheet %}{% endblock %}
  52.         <script>
  53.         $(function () {
  54.             $.ajaxSetup({
  55.             'headers': {
  56.             'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  57.             }
  58.             });
  59.         });
  60.         </script>
  61.         <script>
  62.             $(function () {
  63.                 $('.main_visual').slick({
  64.                     dots: true,
  65.                     autoplay: true,
  66.                     speed: 300,
  67.                     slidesToShow: 1,
  68.                     centerMode: true,
  69.                     variableWidth: true,
  70.                     
  71.                     responsive: [
  72.                         {
  73.                             breakpoint: 768,
  74.                             settings: {
  75.                                 slidesToShow: 1,
  76.                                 slidesToScroll: 1,
  77.                                 variableWidth: true,
  78.                                 centerMode: true,
  79.                                 centerPadding: '0',
  80.                                 cssEase: 'linear',
  81.                                 speed: 300,
  82.                                 arrows: false,
  83.                                 dots: true,
  84.                             }
  85.                         }
  86.                     ]
  87.                 });
  88.             });
  89.         </script>
  90.         {# Layout: HEAD #}
  91.         {% if Layout.Head %}
  92.             {{ include('block.twig', {'Blocks': Layout.Head}) }}
  93.         {% endif %}
  94.         {# プラグイン用styleseetやmetatagなど #}
  95.         {% if plugin_assets is defined %}
  96.             {{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}
  97.         {% endif %}
  98.         <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  99.     </head>
  101.     <body
  102.         id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  103.         {# Layout: BODY_AFTER #}
  104.         {% if Layout.BodyAfter %}
  105.             {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  106.         {% endif %}
  108.         {% if isMaintenance %}
  109.             <div class="ec-maintenanceAlert">
  110.                 <div>
  111.                     <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  112.                     {{ 'メンテナンスモードが有効になっています。'|trans }}
  113.                 </div>
  114.             </div>
  115.         {% endif %}
  117.         <div
  118.             class="ec-layoutRole">
  119.             {# Layout: HEADER #}
  120.             {% if Layout.Header %}
  121.                 <header class="ec-layoutRole__header">
  122.                     {{ include('block.twig', {'Blocks': Layout.Header}) }}
  123.                 </header>
  124.             {% endif %}
  125.             {% block breadcrumb %}{% endblock %}
  127.             {# Layout: CONTENTS_TOP #}
  128.             {% if Layout.ContentsTop %}
  129.                 <div class="ec-layoutRole__contentTop">
  130.                     {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  131.                 </div>
  132.             {% endif %}
  135.             {% set request_uri = app.request.server.get('REQUEST_URI') %}
  136.             {% if request_uri == '/'  %}
  137.                 <div class="slick-wrapper">
  138.                     <div class="main_visual">
  139.                         <div class="slick-slide">
  140.                             <picture>
  141.                                 <source media="(max-width: 767px)" srcset="{{ asset('assets/img/sm-toujitu-banner2.png','user_data') }}">
  142.                                 <img src="{{ asset('assets/img/dammy-slide.png','user_data') }}" alt="電材Blue Wood 当社在庫品12時までのご注文で当日発送"/>
  143.                             </picture>
  144.                         </div>
  145.                         <div class="slick-slide">
  146.                             <a href ="{{ url('faq_index') }}#estimate">
  147.                             <picture>
  148.                                 <source media="(max-width: 767px)" srcset="{{ asset('assets/img/sp-tairyo-03.jpg','user_data') }}">
  149.                                 <img src="{{ asset('assets/img/pc-tairyo-03.jpg','user_data') }}" alt="電材Blue Wood 見積もり無料! 最短即日対応!"/>
  150.                             </picture>
  151.                             </a>
  152.                         </div>
  153.                         <div class="item slick-slide">
  154.                             <a href ="{{ url('faq_index') }}#estimate">
  155.                             <picture>
  156.                                 <source media="(max-width: 767px)" srcset="{{ asset('assets/img/sp-senyo.jpg','user_data') }}">
  157.                                 <img src="{{ asset('assets/img/pc-senyo.jpg','user_data') }}" alt="電材Blue Wood お客様のご要望に合わせた専用商品ページ作成します。"/>
  158.                             </picture>
  159.                             </a>
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.             {% endif %}
  165.             <div
  166.                 class="ec-layoutRole__contents layout-root">
  167.                 {# Layout: SIDE_LEFT #}
  168.                 {% if Layout.SideLeft %}
  169.                     <aside class="ec-layoutRole__left">
  170.                         {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  171.                     </aside>
  172.                 {% endif %}
  174.                 {% set layoutRoleMain = 'ec-layoutRole__main' %}
  175.                 {% if Layout.ColumnNum == 2 %}
  176.                     {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  177.                 {% elseif Layout.ColumnNum == 3 %}
  178.                     {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  179.                 {% endif %}
  181.                 <main
  182.                     class="{{ layoutRoleMain }}">
  183.                     {# Layout: MAIN_TOP #}
  184.                     {% if Layout.MainTop %}
  185.                         <div class="ec-layoutRole__mainTop">
  186.                             {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  187.                         </div>
  188.                     {% endif %}
  190.                     {# MAIN AREA #}
  191.                     {% block main %}{% endblock %}
  193.                     {# Layout: MAIN_Bottom #}
  194.                     {% if Layout.MainBottom %}
  195.                         <div class="ec-layoutRole__mainBottom">
  196.                             {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  197.                         </div>
  198.                     {% endif %}
  199.                 </main>
  201.                 {# Layout: SIDE_RIGHT #}
  202.                 {% if Layout.SideRight %}
  203.                     <aside class="ec-layoutRole__right">
  204.                         {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  205.                     </aside>
  206.                 {% endif %}
  207.             </div>
  209.             {# Layout: CONTENTS_BOTTOM #}
  210.             {% if Layout.ContentsBottom %}
  211.                 <div class="ec-layoutRole__contentBottom">
  212.                     {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  213.                 </div>
  214.             {% endif %}
  216.             {# Layout: CONTENTS_FOOTER #}
  217.             {% if Layout.Footer %}
  218.                 <footer class="ec-layoutRole__footer">
  219.                     {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  220.                 </footer>
  221.             {% endif %}
  222.         </div>
  223.         <!-- ec-layoutRole -->
  225.         <div class="ec-overlayRole"></div>
  226.         <div class="ec-drawerRoleClose">
  227.             <i class="fas fa-times"></i>
  228.         </div>
  229.         <div
  230.             class="ec-drawerRole">
  231.             {# Layout: DRAWER #}
  232.             {% if Layout.Drawer %}
  233.                 {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  234.             {% endif %}
  235.         </div>
  236.         <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  237.         {% include('@common/lang.twig') %}
  238.         <script src="{{ asset('assets/js/function.js') }}"></script>
  239.         <script src="{{ asset('assets/js/eccube.js') }}"></script>
  240.         {% block javascript %}{% endblock %}
  241.         {# Layout: CLOSE_BODY_BEFORE #}
  242.         {% if Layout.CloseBodyBefore %}
  243.             {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  244.         {% endif %}
  245.         {# プラグイン用Snippet #}
  246.         {% if plugin_snippets is defined %}
  247.             {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  248.         {% endif %}
  249.         <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  250.     </body>
  251. </html>