app/template/dtJEIA4011/noheader_frame.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#
  3. ///////////////////////////////////////////////////////////////////////
  5. This template is part of EC-CUBE Design template.
  7. Copyright(c) JAPAN ELECTRONIC INDUSTRIAL ARTS CO.LTD.
  9. http://www.jeia.co.jp/
  11. For the full copyright and license information, please view the LICENSE
  12. file that was distributed with this source code.
  14. 本テンプレートの著作権は、「株式会社日本電子工藝社」に帰属いたします。
  16. ※本テンプレートを譲渡・再頒布・転用・第三者へ開示することは禁止いたします。
  17. ただし、事業者によるショップ運営者への設置代行を禁止するものではございません。
  18. ※本テンプレートを申請されたご利用サイトへの設置以外の目的で複製することは禁止いたします。
  19. ※本テンプレートデータ内のライセンス条項、および著作権に関する記述を削除することはできません。
  20. ※ご利用サイトを変更することはできません。申請と異なるサイトにてご利用になる場合は、
  21. 別途、ご利用費用をお支払いただく必要がございます。
  22. ※本テンプレートの改変にあたり、一切のサポートはいたしかねます。
  23. ※本テンプレートは、すべての設置環境で動作する事は保証しておりません。
  24. 2023/11/13 Pico鈴木 ヘッダーフッターが不要な画面に使用
  25. ///////////////////////////////////////////////////////////////////////
  26. #}
  27. <html lang="{{ eccube_config.locale }}">
  28. <head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# product: https://ogp.me/ns/product#">
  29.     <meta charset="utf-8">
  30.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  31.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  32.     <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>
  33.     {% if Page.meta_tags is not empty %}
  34.         {{ include(template_from_string(Page.meta_tags)) }}
  35.         {% if Page.description is not empty %}
  36.             <meta name="description" content="{{ Page.description }}">
  37.         {% endif %}
  38.     {% else %}
  39.         {{ include('meta.twig') }}
  40.     {% endif %}
  41.     {% if Page.author is not empty %}
  42.         <meta name="author" content="{{ Page.author }}">
  43.     {% endif %}
  44.     {% if Page.keyword is not empty %}
  45.         <meta name="keywords" content="{{ Page.keyword }}">
  46.     {% endif %}
  47.     {% if Page.meta_robots is not empty %}
  48.         <meta name="robots" content="{{ Page.meta_robots }}">
  49.     {% endif %}
  51.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  52.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  53.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  54.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  55.     {# 当テンプレートでは「/html/bundle/front.bundle.js」は使いません。jQuery,slickの読み込みは旧来方式で読み込みます。
  56.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  57.     #}
  59.     {# jeiafont WEBフォントの読み込み #}
  60.     <style>
  61.         @font-face {
  62.             font-family: 'jeiafont';
  63.             src:
  64.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.ttf') }}" ) format('truetype'),
  65.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.woff') }}" ) format('woff'),
  66.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.svg#jeiafont') }}" ) format('svg');
  67.             font-weight: normal;
  68.             font-style: normal;
  69.             font-display: swap;
  70.         }
  71.     </style>
  73.     {% block stylesheet %}{% endblock %}
  74.     <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  75.     <script>
  76.         $(function() {
  77.             $.ajaxSetup({
  78.                 'headers': {
  79.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  80.                 }
  81.             });
  82.         });
  83.     </script>
  84.     {# Layout: HEAD #}
  85.     {% if Layout.Head %}
  86.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  87.     {% endif %}
  88.     {# プラグイン用styleseetやmetatagなど #}
  89.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  90.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  91. </head>
  92. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  93. {# Layout: BODY_AFTER #}
  94. {% if Layout.BodyAfter %}
  95.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  96. {% endif %}
  98. {% if isMaintenance %}
  99.     <div class="ec-maintenanceAlert">
  100.         <div>
  101.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  102.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  103.         </div>
  104.     </div>
  105. {% endif %}
  107. <div class="ec-layoutRole">
  108.     {# Layout: HEADER #}
  109.     {# テンプレートオリジナルヘッダーはコメントアウト
  110.     {% if Layout.Header %}
  111.         <header class="ec-layoutRole__header">
  112.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  113.         </header>
  114.     {% endif %}
  115.     #}
  116.     {# Block\header.twigから必要な部分を取り出し #}
  117.     <div class="ec-headerRole">
  119.     <!-- ▼ ヘッダー左枠 ▼ -->
  120.        {# 左枠なし #}
  121.     <!-- ▲ ヘッダー左枠 ▲ -->
  123.     <!-- ▼ ヘッダー中央枠 ▼ -->
  124.     <div class="ec-headerRole__center">
  126.         {# ヘッダータイトル #}
  127.         <div class="ec-headerTitle">
  128.             <a href="{{ url('homepage') }}">
  129.                 {#
  130.                 ヘッダーロゴ画像
  131.                 クラウド版ec-cube.coをご利用の方は「コンテンツ管理」→「ブロック管理」から「ヘッダー(商品検索・ログインナビ・カート)」をクリックして編集画面に入り、
  132.                 「img」要素内の「src」属性をアップロードしたヘッダー画像のフルパスに記述を変更してください。​
  133.                 【例】src="/html/user_data/assets/img/header_logo.svg"​
  134.                 #}
  135.                 <img src="{{ asset('assets/img/common/partnerclub_ec_logo_login.svg') }}" alt="{{ BaseInfo.shop_name }}">
  136.             </a>
  137.         </div>
  139.     </div>
  140.     <!-- ▲ ヘッダー中央枠 ▲ -->
  142.     <!-- ▼ ヘッダー右枠 ▼ -->
  143.        {# 右枠なし #}
  144.     <!-- ▲ ヘッダー右枠 ▲ -->
  145.     </div> <!-- END div class="ec-headerRole" --> {# ヘッダーをカスタマイズ #}
  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.             <aside class="ec-layoutRole__left">
  161.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  162.             </aside>
  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.         <main 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.         </main>
  191.         {# Layout: SIDE_RIGHT #}
  192.         {% if Layout.SideRight %}
  193.             <aside class="ec-layoutRole__right">
  194.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  195.             </aside>
  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. {# フッターは非表示
  208.     {% if Layout.Footer %}
  209.         <footer class="ec-layoutRole__footer">
  210.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  211.         </footer>
  212.     {% endif %}
  213. #}
  214. </div><!-- ec-layoutRole -->
  216. <div class="ec-overlayRole"></div>
  217. <div class="ec-drawerRole">
  218.     {# Layout: DRAWER #}
  219.     {% if Layout.Drawer %}
  220.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  221.     {% endif %}
  222. </div>
  223. {# ページトップボタン #}
  224. <div class="ec-blockTopBtn pagetop"><i class="jeiafont jeia-angleup"></i></div>
  225. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  226. {% include('@common/lang.twig') %}
  227. <script src="{{ asset('assets/js/function.js') }}"></script>
  228. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  229. {% block javascript %}{% endblock %}
  231. {#
  232. simplePARALLAX.js
  234. パララックス動作に「simplePARALLAX.js」を使用しています。
  235. https://simpleparallax.com/
  237. MIT License
  239. Copyright (c) 2017 geosenna
  241. Permission is hereby granted, free of charge, to any person obtaining a copy
  242. of this software and associated documentation files (the "Software"), to deal
  243. in the Software without restriction, including without limitation the rights
  244. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  245. copies of the Software, and to permit persons to whom the Software is
  246. furnished to do so, subject to the following conditions:
  248. The above copyright notice and this permission notice shall be included in all
  249. copies or substantial portions of the Software.
  251. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  252. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  253. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  254. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  255. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  256. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  257. SOFTWARE.
  258. #}
  259. <script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
  260. <script>
  261.     var parallax = document.getElementsByClassName( 'js-parallax' );
  262.     // たまに動作しない事があるようなのでパララックス開始をタイマーで少しずらしておきます
  263.     setTimeout(function(){
  264.         new simpleParallax(parallax, {
  265.             scale: 1.5,
  266.             delay: 1,
  267.         });
  268.     }, 1000);
  269. </script>
  271. {# jeia_function.js #}
  272. <script src="{{ asset('assets/js/jeia_function.js') }}"></script>
  273. {# Layout: CLOSE_BODY_BEFORE #}
  274. {% if Layout.CloseBodyBefore %}
  275.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  276. {% endif %}
  277. {# プラグイン用Snippet #}
  278. {% if plugin_snippets is defined %}
  279.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  280. {% endif %}
  281.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  282. </body>
  283. </html>