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 }}{% if subtitle is defined and subtitle is not empty %} / {{ subtitle }}{% elseif title is defined and title is not empty %} / {{ title }}{% endif %}</title>
  18.     {% if Page.meta_tags is not empty %}
  19.         {{ include(template_from_string(Page.meta_tags)) }}
  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="{{ asset('assets/css/style.css') }}">
  38.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  39.     {% block stylesheet %}{% endblock %}
  40.     <script>
  41.         $(function() {
  42.             $.ajaxSetup({
  43.                 'headers': {
  44.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  45.                 }
  46.             });
  47.         });
  48.     </script>
  49.     {# Layout: HEAD #}
  50.     {% if Layout.Head %}
  51.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  52.     {% endif %}
  53.     {# プラグイン用styleseetやmetatagなど #}
  54.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  55.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}">
  58.     {# ange カスタマイズ css js #}
  60.     <link rel="stylesheet" href="{{ asset('assets/ange/css/style.css') }}">
  62.     {% if body_class|default('none') != 'front_page' %}
  63.     <link rel="stylesheet" href="{{ asset('assets/ange/css/contact-shop.css') }}">
  64.     {% endif %}
  66.     {# <!--
  67.     <script
  68.         src="https://code.jquery.com/jquery-3.3.1.js"
  69.         integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  70.         crossorigin="anonymous"></script>
  71. -->#}
  72.     {% if body_class|default('none') == 'front_page' %}
  73.     <!--画面の高さのBOX作成-->
  74.     <script src="{{ asset('assets/ange/js/winh.js') }}" type="text/javascript"></script>
  75.     <!--画面の高さのBOX作成-->
  76.     {% endif %}
  78.     <!--アンカー-->
  79.     <script src="{{ asset('assets/ange/js/smartRollover.js') }}" type="text/javascript"></script>
  80.     <script src="{{ asset('assets/ange/js/md.smoothAnchor.js') }}" type="text/javascript"></script>
  81.     <!--アンカー-->
  83.     <!--レシポンシブ -->
  84.     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  85.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,900">
  86.     <link rel="stylesheet" href="{{ asset('assets/ange/css/normalize.css') }}">
  87.     <!--レシポンシブ -->
  90.     <!--アクセス解析開始-->
  91.     <!--アクセス解析終了-->
  93.     <link rel="apple-touch-icon" href="{{ asset('assets/ange/icon.png') }}" />
  94.     <link rel="shortcut icon" href="{{ asset('assets/ange/icon.png') }}" />
  95.     <link rel="apple-touch-icon-precomposed" href="{{ asset('assets/ange/icon.png') }}" />
  100.     <!--ハンバーガーメニュー-->
  101.     <link rel="stylesheet" href="{{ asset('assets/ange/js/drawer/drawer.css') }}">
  102.     <script src="{{ asset('assets/ange/js/drawer/iscroll.js') }}"></script>
  103.     <script src="{{ asset('assets/ange/js/drawer/drawer.min.js') }}"></script>
  104.     <script>
  105.         $(function() {
  106.             $('.drawer').drawer();
  107.         });
  108.     </script>
  109.     <!--ハンバーガーメニュー-->
  111.     {% if body_class|default('none') == 'front_page' %}
  112.     <!--swiper写真スライダー（1）-->
  113.     <link rel="stylesheet" href="{{ asset('assets/ange/js/swiper/swiper.css') }}">
  114.     <!--swiper写真スライダー（1）-->
  115.     {% endif %}
  117.     {% if body_class|default('none') == 'product_page' %}
  118.         <!--swiper写真スライダー（1）-->
  119.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
  120.         <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
  121.         <script src="https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/ja.js"></script>
  122.         <!--swiper写真スライダー（1）-->
  124.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css" integrity="sha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  125.         <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script>
  127.     {% endif %}
  131.     {# ange カスタマイズ css js -- ここまで #}
  132.     <style>
  133.         #fix-navi-top-line-box-shop {
  134.             height:18px;
  135.         }
  136.         .pan-box{
  137.             width:100%;
  138.         }
  139.     </style>
  142. </head>
  143. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }} drawer drawer--right"
  144.       style="line-height: 33px !important;">
  145. {# Layout: BODY_AFTER #}
  146. {% if Layout.BodyAfter %}
  147.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  148. {% endif %}
  150. {% if isMaintenance %}
  151.     <div class="ec-maintenanceAlert">
  152.         <div>
  153.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  154.             {{ 'front.under_maintenance'|trans }}
  155.         </div>
  156.     </div>
  157. {% endif %}
  159. {# どうしても front_page の場合は ec-layoutRole を飛ばしたいので無理やり if で main block を出し分けしています #}
  160. {% if body_class|default('none') != 'front_page' %}
  161.     <div class="ec-layoutRole">
  162.         {# Layout: HEADER #}
  163.         {% if Layout.Header %}
  164.             <header class="ec-layoutRole__header">
  165.                 {{ include('block.twig', {'Blocks': Layout.Header}) }}
  166.             </header>
  167.         {% endif %}
  169.         {# Layout: CONTENTS_TOP #}
  170.         {% if Layout.ContentsTop %}
  171.             <div class="ec-layoutRole__contentTop">
  172.                 {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  173.             </div>
  174.         {% endif %}
  176.         <div class="ec-layoutRole__contents" style="max-width:100%">
  177.             {# Layout: SIDE_LEFT #}
  178.             {% if Layout.SideLeft %}
  179.                 <aside class="ec-layoutRole__left">
  180.                     {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  181.                 </aside>
  182.             {% endif %}
  184.             {% set layoutRoleMain = 'ec-layoutRole__main' %}
  185.             {% if Layout.ColumnNum == 2 %}
  186.                 {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  187.             {% elseif Layout.ColumnNum == 3 %}
  188.                 {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  189.             {% endif %}
  191.             <main class="{{ layoutRoleMain }}">
  192.                 {# Layout: MAIN_TOP #}
  193.                 {% if Layout.MainTop %}
  194.                     <div class="ec-layoutRole__mainTop">
  195.                         {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  196.                     </div>
  197.                 {% endif %}
  199. {% endif %}
  200.                 {# MAIN AREA #}<br><br><br>
  201.                 {% block main %}{% endblock %}
  203. {% if body_class|default('none') != 'front_page' %}
  205.                 {# Layout: MAIN_Bottom #}
  206.                 {% if Layout.MainBottom %}
  207.                     <div class="ec-layoutRole__mainBottom">
  208.                         {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  209.                     </div>
  210.                 {% endif %}
  211.             </main>
  213.             {# Layout: SIDE_RIGHT #}
  214.             {% if Layout.SideRight %}
  215.                 <aside class="ec-layoutRole__right">
  216.                     {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  217.                 </aside>
  218.             {% endif %}
  219.         </div>
  221.         {# Layout: CONTENTS_BOTTOM #}
  222.         {% if Layout.ContentsBottom %}
  223.             <div class="ec-layoutRole__contentBottom">
  224.                 {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  225.             </div>
  226.         {% endif %}
  228.         {# Layout: CONTENTS_FOOTER #}
  229.         {% if Layout.Footer %}
  230.             <footer class="ec-layoutRole__footer">
  231.                 {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  232.             </footer>
  233.         {% endif %}
  234.     </div><!-- ec-layoutRole -->
  236. {% endif %}
  238. {# ange: footer #}
  239. <footer style="line-height:33px;"><address style="margin-bottom: 0; padding:10px">Copyright (c) Angelica ferice. All Rights Reserved.</address></footer>
  240. {# ange: footer -- ここまで #}
  243. {# ange: 共通ヘッダー用アイコン類 #}
  245. <!-- #EndLibraryItem --><!--ハンバーガーメニュー--><!-- #BeginLibraryItem "/Library/navi-slidebar-shop.lbi" --><!--ハンバーガーメニュー-->
  246. <button type="button" class="drawer-toggle drawer-hamburger"><span class="drawer-hamburger-icon"></span></button>
  247. <nav class="drawer-nav">
  248.     <ul class="drawer-menu">
  249.         <a href="/"><img src="{{ asset('assets/ange/img/common/slidebars/rogox2.png') }}" width="239"></a>
  251.         <li class="navibg01"><a href="top.html">TOP</a></li>
  252.         <li class="navibg01"><a href="list.html">振袖レンタル</a></li>
  253.         <li class="navibg01"><a href="#">初めての方へ</a></li>
  254.         <li class="navibg01"><a href="#">ご利用ガイド</a></li>
  255.         <li class="navibg01"><a href="#">よくある質問</a></li>
  256.         <!--<li class="navibg01"><a href="#">運営会社</a></li>-->
  257.         <li class="navibg01"><a href="#">特定商取引法に基づく表記</a></li>
  258.         <li class="navibg01"><a href="#">お問合せ</a></li>
  259.         <li class="navibg01">　</li>
  260.     </ul>
  261. </nav>
  262. <!--ハンバーガーメニュー--><!-- #EndLibraryItem --><!--ハンバーガーメニュー-->
  264. <!-- ▼最下部FIXボタン▼ -->
  265. <div id="fix-navi-top-line" class="sb-slide">
  267.     <div id="main-top-shop1">
  268.         <a href="/"><img src="{{ asset('assets/ange/img/top/head-ttlx2.png') }}"  width="218"></a>
  269.         <div id="main-top-shop3">
  270.             {{ include('Block/header.twig') }}
  271.         </div>
  272.     </div>
  273. </div>
  274. <!--<div id="fix-navi-box"><div id="fix-navi" class="sb-slide"><a href="#main-top55"><img src="{{ asset('assets/ange/img/common/navi/fix-navi.png') }}"></a></div></div>-->
  275. <!-- ▼最下部FIXボタン▼ -->
  278. <!--swiper写真スライダー（2）-->
  279. <link rel="stylesheet" href="{{ asset('assets/ange/js/swiper/swiper.css') }}">
  280. <script src="{{ asset('assets/ange/js/swiper/swiper.js') }}"></script>
  281. <script src="{{ asset('assets/ange/js/swiper/swiper-md-settings.js') }}"></script>
  282. <!--swiper写真スライダー（2）-->
  284. {# ange: 共通ヘッダー用アイコン類 -- ここまで #}
  287. <div class="ec-overlayRole"></div>
  288. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  289. <div class="ec-drawerRole">
  290.     {# Layout: DRAWER #}
  291.     {% if Layout.Drawer %}
  292.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  293.     {% endif %}
  294. </div>
  295. <div class="ec-blockTopBtn pagetop">{{'common.pagetop'|trans}}</div>
  296. {% include('@common/lang.twig') %}
  297. <script src="{{ asset('assets/js/function.js') }}"></script>
  298. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  299. {% block javascript %}{% endblock %}
  300. {# Layout: CLOSE_BODY_BEFORE #}
  301. {% if Layout.CloseBodyBefore %}
  302.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  303. {% endif %}
  304. {# プラグイン用Snippet #}
  305. {% if plugin_snippets is defined %}
  306.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  307. {% endif %}
  308.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  309. </body>
  310. </html>