app/template/myufull1/lp_frame.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. {#
  3. This file is part of EC-CUBE
  5. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  7. http://www.lockon.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: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://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.description is not empty %}
  19.     <meta name="description" content="{{ Page.description }}">
  20.   {% endif %}
  21.   {% if Page.keyword is not empty %}
  22.     <meta name="keywords" content="{{ Page.keyword }}">
  23.   {% endif %}
  24.   {% if Page.meta_robots is not empty %}
  25.     <meta name="robots" content="{{ Page.meta_robots }}">
  26.   {% endif %}
  27.   {% if Page.meta_tags is not empty %}
  28.     {{ include(template_from_string(Page.meta_tags)) }}
  29.   {% endif %}
  30.   {# <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> #}
  31.   {# <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> #}
  32.   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  33.   <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
  34.   <link rel="stylesheet" href="/html/template/default/assets/css/style.css">
  35.   <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}?20220419">
  36.   {% block stylesheet %}{% endblock %}
  37.   <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  38.   <script>
  39.     $(function() {
  40.       $.ajaxSetup({
  41.         'headers': {
  42.           'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  43.         }
  44.       });
  45.     });
  46.   </script>
  47.   <script src="https://kit.fontawesome.com/4f57504e74.js"></script>
  48.   {# Layout: HEAD #}
  49.   {% if Layout.Head %}
  50.       {{ include('block.twig', {'Blocks': Layout.Head}) }}
  51.   {% endif %}
  52.   
  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') }}"> #}
  57.   <link rel="manifest" href="/manifest.json">
  58.   <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/img/favicon/apple-touch-icon.png') }}">
  59.   <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/img/favicon/favicon-32x32.png') }}">
  60.   <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/img/favicon/favicon-16x16.png') }}">
  61.   <link rel="mask-icon" href="{{ asset('assets/img/favicon/safari-pinned-tab.svg') }}" color="#cbb110">
  62.   <meta name="msapplication-TileColor" content="#ffffff">
  63.   <meta name="theme-color" content="#ffffff">
  65.   {# iOS系PWAのスプラッシュ画面 #}
  66.   <meta name="apple-mobile-web-app-capable" content="yes">
  67.   <link href="{{ asset('assets/img/splashscreens/iphone5_splash.png') }}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  68.   <link href="{{ asset('assets/img/splashscreens/iphone6_splash.png') }}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  69.   <link href="{{ asset('assets/img/splashscreens/iphoneplus_splash.png') }}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
  70.   <link href="{{ asset('assets/img/splashscreens/iphonex_splash.png') }}" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
  71.   <link href="{{ asset('assets/img/splashscreens/iphonexr_splash.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  72.   <link href="{{ asset('assets/img/splashscreens/iphonexsmax_splash.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
  73.   <link href="{{ asset('assets/img/splashscreens/ipad_splash.png') }}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  74.   <link href="{{ asset('assets/img/splashscreens/ipadpro1_splash.png') }}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  75.   <link href="{{ asset('assets/img/splashscreens/ipadpro3_splash.png') }}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  76.   <link href="{{ asset('assets/img/splashscreens/ipadpro2_splash.png') }}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  77.   {% block head %}{% endblock %}
  78. </head>
  79. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  80. {# Layout: BODY_AFTER #}
  81. {% if Layout.BodyAfter %}
  82.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  83. {% endif %}
  85. <div class="ec-layoutRole">
  86.     {# Layout: HEADER #}
  87.     {% if Layout.Header %}
  88.         <div class="ec-layoutRole__header">
  89.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  90.         </div>
  91.     {% endif %}
  93.     {# Layout: CONTENTS_TOP #}
  94.     {% if Layout.ContentsTop %}
  95.         <div class="{# ec-layoutRole__contentTop #}">
  96.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  97.         </div>
  98.     {% endif %}
  100.     <div class="{# ec-layoutRole__contents #}">
  101.         {# Layout: SIDE_LEFT #}
  102.         {% if Layout.SideLeft %}
  103.             <div class="{# ec-layoutRole__left #}">
  104.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  105.             </div>
  106.         {% endif %}
  108.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  109.         {% if Layout.ColumnNum == 2 %}
  110.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  111.         {% elseif Layout.ColumnNum == 3 %}
  112.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  113.         {% endif %}
  115.         <div class="{# {{ layoutRoleMain }} #}">
  116.             {# Layout: MAIN_TOP #}
  117.             {% if Layout.MainTop %}
  118.                 <div class="{# ec-layoutRole__mainTop #}">
  119.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  120.                 </div>
  121.             {% endif %}
  123.             {# MAIN AREA #}
  124.             {% block main %}{% endblock %}
  126.             {# Layout: MAIN_Bottom #}
  127.             {% if Layout.MainBottom %}
  128.                 <div class="{# ec-layoutRole__mainBottom #}">
  129.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  130.                 </div>
  131.             {% endif %}
  132.         </div>
  134.         {# Layout: SIDE_RIGHT #}
  135.         {% if Layout.SideRight %}
  136.             <div class="{# ec-layoutRole__right #}">
  137.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  138.             </div>
  139.         {% endif %}
  140.     </div>
  142.     {# Layout: CONTENTS_BOTTOM #}
  143.     {% if Layout.ContentsBottom %}
  144.         <div class="ec-layoutRole__contentBottom">
  145.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  146.         </div>
  147.     {% endif %}
  149.     {# Layout: CONTENTS_FOOTER #}
  150.     {% if Layout.Footer %}
  151.         <div class="ec-layoutRole__footer">
  152.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  153.         </div>
  154.     {% endif %}
  155. </div><!-- ec-layoutRole -->
  157. <div class="ec-overlayRole"></div>
  158. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  159. <div class="ec-drawerRole">
  160.     {# Layout: DRAWER #}
  161.     {% if Layout.Drawer %}
  162.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  163.     {% endif %}
  164. </div>
  165. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  167. {# PWA #}
  168. <div class="install-pwa-wrapper-float">
  169.   <button type="button" class="btn-install-pwa btn btn-dark-pink" onclick="gtagEvent('pwaInstall', 'btnClick', 'popup', 1);">
  170.     <i class="fas fa-cloud-download-alt"></i> アプリをインストール
  171.   </button>
  172. </div>
  173. <div class="pwa-ios-notify">
  174.     このアプリをホーム画面に追加するには、<img class="pwa-ios-notify-icon" src="{{ asset('assets/icon/icon-ios-share.svg') }}">をタップして『<strong>ホーム画面に追加</strong>』してください。
  175.     <i class="far fa-times-circle fa-lg pwa-ios-notify-close"></i>
  176. </div>
  178. {# <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> #}
  179. {# <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script> #}
  180. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  181. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
  182. {% include('@common/lang.twig') %}
  183. <script src="{{ asset('assets/js/function.js') }}"></script>
  184. <script src="{{ asset('assets/js/eccube.js') }}?20210928"></script>
  185. <script src="{{ asset('assets/js/myufull.js') }}?20220419"></script>
  186. <script type="module">
  187.     // This is the "Offline page" service worker
  188.     // Add this below content to your HTML page inside a <script type="module"></script> tag, or add the js file to your page at the very top to register service worker
  189.     // If you get an error about not being able to import, double check that you have type="module" on your <script /> tag
  190.     /*
  191.      This code uses the pwa-update web component https://github.com/pwa-builder/pwa-update to register your service worker,
  192.      tell the user when there is an update available and let the user know when your PWA is ready to use offline.
  193.      ref: https://www.pwabuilder.com/
  194.     */
  195.     import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
  196.     const el = document.createElement('pwa-update');
  197.     document.body.appendChild(el);
  198. </script>
  199. <script src="{{ asset('assets/js/pwa.js') }}?20220422"></script>
  200. {% block javascript %}{% endblock %}
  201. {# Layout: CLOSE_BODY_BEFORE #}
  202. {% if Layout.CloseBodyBefore %}
  203.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  204. {% endif %}
  205. {# プラグイン用Snippet #}
  206. {% if plugin_snippets is defined %}
  207.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  208. {% endif %}
  209.     {# <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script> #}
  210. </body>
  211. </html>