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.0, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no">
  16.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  17.     <title>{% if subtitle is defined and subtitle is not empty %}{{ subtitle }} | {% elseif title is defined and title is not empty %}{{ title }} | {% endif %}アルコバーナー【公式ECサイト】｜ALCOBURNER</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="/assets/css/style.css?20250107">
  38.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  39.     <script src="{{ asset('assets/js/main.js') }}"></script>
  40.     <script src="{{ asset('assets/js/slider.js') }}"></script>
  41.     {% block stylesheet %}{% endblock %}
  42.     <script>
  43.         $(function() {
  44.             $.ajaxSetup({
  45.                 'headers': {
  46.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  47.                 }
  48.             });
  49.         });
  50.     </script>
  51.     {# Layout: HEAD #}
  52.     {% if Layout.Head %}
  53.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  54.     {% endif %}
  55.     {# プラグイン用styleseetやmetatagなど #}
  56.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  57.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  58.     <meta property="og:image" content="/assets/img/ogp.png" />
  60.     {% if (IS_PROD) %}
  61.     <!-- Google Tag Manager -->
  62.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  63. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  64.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  65.       'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  66.     })(window,document,'script','dataLayer','GTM-58XBL7BT');</script>
  67.     <!-- End Google Tag Manager -->
  68.     {% endif %}
  69. </head>
  70. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  71.   {% if (IS_PROD) %}
  72.   {# GTMのデータレイヤー #}
  73.   {% block gtm_datalayer %}{% endblock %}
  75.   <!-- Google Tag Manager (noscript) -->
  76.   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58XBL7BT"
  77.   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  78.   <!-- End Google Tag Manager (noscript) -->
  79.   {% endif %}
  81.   <header class="header" id="header">
  82.     <div class="container header__container">
  83.       <button class="header__hamburger-btn" id="hamburger-btn">
  84.         <span></span>
  85.       </button>
  86.       <div class="header__main">
  87.         <a href="/">
  88.           <div class="header__logo">
  89.             <img src="/assets/img/logo.svg" alt="ALCOBURNER" />
  90.           </div>
  91.         </a>
  92.         <nav class="header__nav">
  93.           <ul class="header__nav-list">
  94.             <li class="header__nav-item">
  95.               <a href="/help/about" class="header__nav-link">ABOUT</a>
  96.             </li>
  97.             <li class="header__nav-item">
  98.               <a href="/products/list" class="header__nav-link">PRODUCT</a>
  99.             </li>
  100.             <li class="header__nav-item">
  101.               <a href="/news" class="header__nav-link">NEWS</a>
  102.             </li>
  103.             <li class="header__nav-item">
  104.               <a href="/faq" class="header__nav-link">Q&A</a>
  105.             </li>
  106.             <li class="header__nav-item">
  107.               <a href="/contact" class="header__nav-link">CONTACT</a>
  108.             </li>
  109.           </ul>
  110.         </nav>
  111.       </div>
  113.       <div class="header__btns">
  114.         <a href="/cart" class="header__btn">
  115.           <img src="/assets/img/icon-cart.png" alt="" />
  116.         </a>
  117.         <a href="/mypage" class="header__btn">
  118.           <img src="/assets/img/icon-profile.png" alt="" />
  119.         </a>
  120.       </div>
  121.     </div>
  122.   </header>
  124.   <main class="main">
  125.     {# MAIN AREA #}
  126.     {% block main %}{% endblock %}
  127.   </main>
  129.   <footer class="footer inview">
  130.     <div class="container footer__container">
  131.       <div class="footer__logo">
  132.         <img src="/assets/img/logo.svg" alt="ALCOBURNER" />
  133.       </div>
  135.       <div class="footer__btn">
  136.         <a href="/entry" class="btn">会員登録</a>
  137.       </div>
  139.       <div class="footer__btn">
  140.         <a href="/mypage" class="btn -reverse">ログイン</a>
  141.       </div>
  143.       <nav class="footer__nav">
  144.         <ul class="footer__nav-list">
  145.           <li class="footer__nav-item">
  146.             <a href="/help/about" class="footer__nav-link">アルコバーナーとは</a>
  147.           </li>
  148.           <li class="footer__nav-item">
  149.             <a href="/products/list" class="footer__nav-link">商品一覧</a>
  150.           </li>
  151.           <li class="footer__nav-item">
  152.             <a href="/news" class="footer__nav-link">ニュース</a>
  153.           </li>
  154.           <li class="footer__nav-item">
  155.             <a href="/faq" class="footer__nav-link">よくある質問</a>
  156.           </li>
  157.           <li class="footer__nav-item">
  158.             <a href="/contact" class="footer__nav-link">お問い合わせ</a>
  159.           </li>
  160.           <li class="footer__nav-item">
  161.             <a href="/company" class="footer__nav-link">会社概要</a>
  162.           </li>
  163.           <li class="footer__nav-item">
  164.             <a href="/privacy" class="footer__nav-link">個人情報保護方針</a>
  165.           </li>
  166.           <li class="footer__nav-item">
  167.             <a href="/specification" class="footer__nav-link">特定商取引法に基づく表記</a>
  168.           </li>
  169.           <li class="footer__nav-item">
  170.             <a href="/subscription_terms" class="footer__nav-link">定期購入規約</a>
  171.           </li>
  172.           <li class="footer__nav-item">
  173.           </li>
  174.         </ul>
  175.         <p class="footer__copy">© Alco Burner Japan</p>
  176.       </nav>
  177.     </div>
  178.   </footer>
  179.   <nav class="hamburger-menu">
  180.     <div class="hamburger-menu__head">
  181.       <button class="hamburger-menu__close-btn" id="hamburger-close-btn">
  182.         <span></span>
  183.       </button>
  184.       <div class="hamburger-menu__logo">
  185.         <img src="/assets/img/logo.svg" alt="ALCOBURNER" />
  186.       </div>
  187.       <div class="hamburger-menu__head-btns">
  188.         <a href="" class="hamburger-menu__head-btn">
  189.           <img src="/assets/img/icon-cart.png" alt="" />
  190.         </a>
  191.         <a href="" class="hamburger-menu__head-btn">
  192.           <img src="/assets/img/icon-profile.png" alt="" />
  193.         </a>
  194.       </div>
  195.     </div>
  196.     <ul class="hamburger-menu__list">
  197.       <li class="hamburger-menu__item">
  198.         <a href="/help/about" class="hamburger-menu__link">ABOUT</a>
  199.       </li>
  200.       <li class="hamburger-menu__item">
  201.         <a href="/products/list" class="hamburger-menu__link">PRODUCT</a>
  202.       </li>
  203.       <li class="hamburger-menu__item">
  204.         <a href="/news" class="hamburger-menu__link">NEWS</a>
  205.       </li>
  206.       <li class="hamburger-menu__item">
  207.         <a href="/faq" class="hamburger-menu__link">Q&A</a>
  208.       </li>
  209.       <li class="hamburger-menu__item">
  210.         <a href="/contact" class="hamburger-menu__link">CONTACT</a>
  211.       </li>
  212.     </ul>
  213.     <div class="hamburger-menu__content">
  214.       <div class="hamburger-menu__btns">
  215.         <div class="hamburger-menu__btn">
  216.           <a href="/entry" class="btn -reverse">新規会員登録（無料）</a>
  217.         </div>
  218.         <div class="hamburger-menu__btn">
  219.           <a href="/mypage" class="btn -profile">会員ログイン</a>
  220.         </div>
  221.       </div>
  222.       <ul class="hamburger-menu__sub-list">
  223.         <li class="hamburger-menu__sub-item">
  224.           <a href="/company" class="hamburger-menu__sub-link">会社概要</a>
  225.         </li>
  226.         <li class="hamburger-menu__sub-item">
  227.           <a href="/privacy" class="hamburger-menu__sub-link"
  228.             >個人情報保護方針</a
  229.           >
  230.         </li>
  231.         <li class="hamburger-menu__sub-item">
  232.           <a href="/specification" class="hamburger-menu__sub-link">特定商取引法に基づく表記</a>
  233.         </li>
  234.       </ul>
  235.     </div>
  236.   </nav>
  237.   <!-- ec-layoutRole -->
  239. {% include('@common/lang.twig') %}
  240. <script src="{{ asset('assets/js/function.js') }}"></script>
  241. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  242. {% block javascript %}{% endblock %}
  243. {# Layout: CLOSE_BODY_BEFORE #}
  244. {% if Layout.CloseBodyBefore %}
  245.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  246. {% endif %}
  247. {# プラグイン用Snippet #}
  248. {% if plugin_snippets is defined %}
  249.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  250. {% endif %}
  251.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  252. </body>
  253. </html>