app/template/osechi/default_frame.twig line 215

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. ※本テンプレートは、すべての設置環境で動作する事は保証しておりません。
  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')) }}">
  33.     <link rel="preload" href="{{ asset('assets/css/style.css') }}?{{ env('CSS_PARAM') }}" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?{{ env('CSS_PARAM') }}"></noscript>
  35.     <meta http-equiv='x-dns-prefetch-control' content='on'>
  36.     <link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com">
  37.     <link rel="preconnect dns-prefetch" href="https://www.google-analytics.com">
  38.     <link rel="preconnect dns-prefetch" href="https://code.jquery.com">
  39.     <link rel="preconnect dns-prefetch" href="https://cdn.jsdelivr.net">
  40. {#
  41.     <link rel="preconnect dns-prefetch" href="https://fonts.googleapis.com">
  42.     <link rel="preconnect dns-prefetch" href="https://use.fontawesome.com">
  43.     <link rel="preconnect dns-prefetch" href="https://unpkg.com">
  44.     <link rel="preconnect dns-prefetch" href="https://cdnjs.cloudflare.com">
  45. #}
  46.     {% set meta_og_title =  '' %}
  47.     {% if subtitle is defined and subtitle is not empty %}
  48.         {% set meta_og_title =  subtitle %}
  50.         {% if Product.search_word %}
  51.             {% set subtitle =  subtitle~' / '~Product.search_word %}
  52.         {% endif %}
  54.         {% if app.request.get('_route') == 'rental_detail' %}
  55.             {% set meta_og_title =  subtitle~' | Car Rental'  %}
  56.         {% elseif app.request.get('_route') == 'drive_detail' %}
  57.             {% set meta_og_title =  subtitle~' | Car Experience'  %}
  58.         {% elseif app.request.get('_route') == 'product_detail' %}
  59.             {% set meta_og_title =  subtitle~' | Lineup'  %}
  60.         {% endif %}
  62.     {% elseif title is defined and title is not empty %}
  63.         {% set meta_og_title =  Page.name  %}
  64.     {% endif %}
  65.     {% set meta_og_title = meta_og_title~' | '~BaseInfo.shop_name %}
  67.     {% if app.request.get('_route') == 'plan_detail' %}
  68.         {% set meta_og_title = WpPosts.title~' | '~meta_og_title %}
  69.     {% endif %}
  70.     <title>{{meta_og_title}}</title>
  72.     {% if Page.meta_tags is not empty %}
  73.         {{ include(template_from_string(Page.meta_tags)) }}
  74.         {% if Page.description is not empty %}
  75.             <meta name="description" content="{{ Page.description }}">
  76.         {% endif %}
  77.     {% else %}
  78.         {{ include('meta.twig') }}
  79.     {% endif %}
  80.     {% if Page.author is not empty %}
  81.         <meta name="author" content="{{ Page.author }}">
  82.     {% endif %}
  83. {#
  84.     {% if Page.keyword is not empty %}
  85.         <meta name="keywords" content="{{ Page.keyword }}">
  86.     {% endif %}
  87. #}
  88.     {% if Page.meta_robots is not empty %}
  89.         <meta name="robots" content="{{ Page.meta_robots }}">
  90.     {% endif %}
  92.     <link rel="preconnect" href="https://cdn.jsdelivr.net" />
  93.     <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
  96.     <link rel="icon" href="{{ asset('assets/img/common/favicon.ico', 'user_data') }}">
  97.     <link href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" crossorigin="anonymous" rel="preload" as="style" />
  100.     <link rel="preload" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"></noscript>
  101. {#
  102.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  103.     <link href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" crossorigin="anonymous" rel="preload" as="style" />
  104. #}
  105. {#
  106.     <link href="{{ asset('assets/css/style.css') }}?{{ env('CSS_PARAM') }}" crossorigin="anonymous" rel="preload" as="style" />
  107.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?{{ env('CSS_PARAM') }}">
  108. #}
  109.     {# 当テンプレートでは「/html/bundle/front.bundle.js」は使いません。jQuery,slickの読み込みは旧来方式で読み込みます。
  110.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  111.     #}
  113.     {# jeiafont WEBフォントの読み込み #}
  114.     <style>
  115.         @font-face {
  116.             font-family: 'jeiafont';
  117.             src:
  118.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.ttf') }}" ) format('truetype'),
  119.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.woff') }}" ) format('woff'),
  120.                 url( "{{ asset('assets/icon/jeiafont/fonts/jeiafont.svg#jeiafont') }}" ) format('svg');
  121.             font-weight: normal;
  122.             font-style: normal;
  123.             font-display: swap;
  124.         }
  125.     </style>
  127.     {# splitting CSSの読み込み #}
  128.     <link href="https://unpkg.com/splitting/dist/splitting.css" crossorigin="anonymous" rel="preload" as="style" />
  129.     <link href="https://unpkg.com/splitting/dist/splitting-cells.css" crossorigin="anonymous" rel="preload" as="style" />
  130. {#
  131.     <link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting.css">
  132.     <link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting-cells.css">
  133. #}
  135.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}?{{ env('CSS_PARAM') }}">
  136.     <link rel="stylesheet" href="{{ asset('assets/css/common.css') }}?{{ env('CSS_PARAM') }}">
  138.     {% block stylesheet %}{% endblock %}
  139.     <script rel="preload" src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  140.     <script>
  141.         $(function() {
  142.             $.ajaxSetup({
  143.                 'headers': {
  144.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  145.                 }
  146.             });
  147.         });
  148.     </script>
  149.     {# Layout: HEAD #}
  150.     {% if Layout.Head %}
  151.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  152.     {% endif %}
  153.     {# プラグイン用styleseetやmetatagなど #}
  154.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  155. </head>
  156. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  157. {# Layout: BODY_AFTER #}
  158. {% if Layout.BodyAfter %}
  159.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  160. {% endif %}
  162. {% if isMaintenance %}
  163.     <div class="ec-maintenanceAlert">
  164.         <div>
  165.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  166.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  167.         </div>
  168.     </div>
  169. {% endif %}
  171. <div class="ec-layoutRole">
  172.     {# Layout: HEADER #}
  173.     {% if Layout.Header %}
  174.         <header class="ec-layoutRole__header">
  175.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  176.         </header>
  177.     {% endif %}
  179.     {# Layout: CONTENTS_TOP #}
  180.     {% if Layout.ContentsTop %}
  181.         <div class="ec-layoutRole__contentTop">
  182.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  183.         </div>
  184.     {% endif %}
  186.     <div class="ec-layoutRole__contents">
  187.         {# Layout: SIDE_LEFT #}
  188.         {% if Layout.SideLeft %}
  189.             <aside class="ec-layoutRole__left">
  190.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  191.             </aside>
  192.         {% endif %}
  194.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  195.         {% if Layout.ColumnNum == 2 %}
  196.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  197.         {% elseif Layout.ColumnNum == 3 %}
  198.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  199.         {% endif %}
  201.         <main class="{{ layoutRoleMain }}">
  202.             {# Layout: MAIN_TOP #}
  203.             {% if Layout.MainTop %}
  204.                 <div class="ec-layoutRole__mainTop">
  205.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  206.                 </div>
  207.             {% endif %}
  209.             {# MAIN AREA #}
  210.             {% block main %}{% endblock %}
  212.             {# Layout: MAIN_Bottom #}
  213.             {% if Layout.MainBottom %}
  214.                 <div class="ec-layoutRole__mainBottom">
  215.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  216.                 </div>
  217.             {% endif %}
  218.         </main>
  220.         {# Layout: SIDE_RIGHT #}
  221.         {% if Layout.SideRight %}
  222.             <aside class="ec-layoutRole__right">
  223.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  224.             </aside>
  225.         {% endif %}
  226.     </div>
  228.     {# Layout: CONTENTS_BOTTOM #}
  229.     {% if Layout.ContentsBottom %}
  230.         <div class="ec-layoutRole__contentBottom">
  231.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  232.         </div>
  233.     {% endif %}
  235.     {# Layout: CONTENTS_FOOTER #}
  236.     {% if Layout.Footer %}
  237.         <footer class="ec-layoutRole__footer">
  238.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  239.         </footer>
  240.     {% endif %}
  241. </div><!-- ec-layoutRole -->
  243. <div class="ec-overlayRole"></div>
  244. <div class="ec-drawerRole">
  245.     {# Layout: DRAWER #}
  246.     {% if Layout.Drawer %}
  247.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  248.     {% endif %}
  249. </div>
  250. {# ページトップボタン #}
  251. <div class="ec-blockTopBtn pagetop"><i class="jeiafont jeia-angleup"></i></div>
  253. <!-- WhatsAppアイコン -->
  254. <a href="https://lin.ee/ZeI0vP1" target="_blank" id="line-icon">
  255. <img class="_afvz" alt="LINE" src="{{ asset( 'assets/img/line.png' ) }}" width="60" height="60">
  256. </a>
  258. <a href="{{ env('WHATSAPP_MSG') }}" target="_blank" id="whatsapp-icon">
  259. <img class="_afvz" alt="WhatsApp" src="{{ asset( 'assets/img/whatsapp.png' ) }}" width="86" height="20">
  260. </a>
  261.                 
  262. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  263. {% include('@common/lang.twig') %}
  264. <script src="{{ asset('assets/js/function.js') }}?{{ env('JS_PARAM') }}"></script>
  265. <script src="{{ asset('assets/js/eccube.js') }}?{{ env('JS_PARAM') }}"></script>
  266. {% block javascript %}{% endblock %}
  268. {#
  269. simplePARALLAX.js
  271. パララックス動作に「simplePARALLAX.js」を使用しています。
  272. https://simpleparallax.com/
  274. MIT License
  276. Copyright (c) 2017 geosenna
  278. Permission is hereby granted, free of charge, to any person obtaining a copy
  279. of this software and associated documentation files (the "Software"), to deal
  280. in the Software without restriction, including without limitation the rights
  281. to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  282. copies of the Software, and to permit persons to whom the Software is
  283. furnished to do so, subject to the following conditions:
  285. The above copyright notice and this permission notice shall be included in all
  286. copies or substantial portions of the Software.
  288. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  289. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  290. FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  291. AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  292. LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  293. OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  294. SOFTWARE.
  295. #}
  296. <script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
  297. <script>
  298.     var parallax = document.getElementsByClassName( 'js-parallax' );
  299.     // たまに動作しない事があるようなのでパララックス開始をタイマーで少しずらしておきます
  300.     setTimeout(function(){
  301.         new simpleParallax(parallax, {
  302.             scale: 1.5,
  303.             delay: 1,
  304.         });
  305.     }, 1000);
  306. </script>
  308. {#
  309. splitting.js
  311. タイトルの演出効果用に文字単位でspan化させる「splitting.js」を使用しています。
  312. https://splitting.js.org/
  314. MIT Licensed
  315. Copyright © 2018-present Stephen Shaw 
  316. #}
  317. <script src="https://unpkg.com/splitting/dist/splitting.min.js"></script>
  318. <script> Splitting(); </script>
  320. {# jeia_function.js #}
  321. <script src="{{ asset('assets/js/jeia_function.js') }}"></script>
  322. {# Layout: CLOSE_BODY_BEFORE #}
  323. {% if Layout.CloseBodyBefore %}
  324.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  325. {% endif %}
  326. {# プラグイン用Snippet #}
  327. {% if plugin_snippets is defined %}
  328.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  329. {% endif %}
  330.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  331. </body>
  332. </html>