src/Eccube/Resource/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') }}">
  56.     <link rel="stylesheet" href="{{ asset('assets/css/master.css', 'user_data') }}">
  57.      <script src="/html/user_data/assets/js/jquery-3.7.1.min.js"></script>
  58.     <script src="/html/user_data/assets/js/scrolltrigger/gsap.min.js"></script>
  59.     <script src="/html/user_data/assets/js/scrolltrigger/ScrollTrigger.min.js"></script>
  60.     <script src="/html/user_data/assets/js/swiper/swiper-bundle.min.js"></script>
  61.     <script src="/html/user_data/assets/js/jquery.easing.js"></script>
  62.     <script src="/html/user_data/assets/js/jquery.smoothScroll.js"></script>
  63.     <script src="/html/user_data/assets/js/modernizr-custom.js"></script>
  64.     <script src="/html/user_data/assets/js/common.js"></script>
  66.     <script src="/html/user_data/assets/js//lightbox/js/lightbox.min.js"></script>
  67.     <link rel="stylesheet" href="/html/user_data/assets/js//lightbox/css/lightbox.css">
  68.     <script src="/html/user_data/assets/js/slick-1.6.0/slick.min.js"></script>
  69.     <link rel="stylesheet" href="/html/user_data/assets/js/slick-1.6.0/slick.css">
  70.     <link rel="stylesheet" href="/html/user_data/assets/js/slick-1.6.0/slick-theme.css">
  71.     <script>
  72.     $(function(){
  73.         if (window.matchMedia('(max-width: 699px)').matches) {
  74.             $('.product-photo__main').slick({
  75.                 slidesToShow: 1,
  76.                 slidesToScroll: 1,
  77.                 arrows: true,
  78.                 autoplay :false,
  79.                 pauseOnHover : false,
  80.                 fade: true,
  81.                 asNavFor: '.product-photo__sub'
  82.             });
  83.             $('.product-photo__sub').slick({
  84.                 slidesToShow: 100,
  85.                 slidesToScroll: 1,
  86.                 arrows: false,
  87.                 dots: false,
  88.                 centerMode: false,
  89.                 focusOnSelect: true ,
  90.                 variableWidth:true,
  91.                 asNavFor: '.product-photo__main'
  92.             });
  93.             $('.product-relatioin-list').slick({
  94.                 arrows: false,
  95.                 slidesToShow: 2,
  96.                 dots: true,
  97.             });
  98.         }else{
  99.             $('.product-photo__main').slick({
  100.                 slidesToShow: 1,
  101.                 slidesToScroll: 1,
  102.                 arrows: false,
  103.                 autoplay :false,
  104.                 pauseOnHover : false,
  105.                 fade: true,
  106.                 asNavFor: '.product-photo__sub'
  107.             });
  108.             $('.product-photo__sub').slick({
  109.                 slidesToShow: 100,
  110.                 slidesToScroll: 1,
  111.                 arrows: false,
  112.                 dots: false,
  113.                 centerMode: false,
  114.                 focusOnSelect: true ,
  115.                 variableWidth:true,
  116.                 asNavFor: '.product-photo__main'
  117.             });
  118.             $('.product-relatioin-list').slick({
  119.                 infinite: false,
  120.                 arrows: false,
  121.                 dots: false,
  122.                 speed: 300,
  123.                 autoplaySpeed: 5000,
  124.                 slidesToShow: 1,
  125.                 autoplay:false,
  126.                 variableWidth: true
  127.             });
  129.         }
  130.     });
  131.     </script>
  132.     <script type="text/javascript">
  133.         var ua = navigator.userAgent;
  134.         if (ua.indexOf('iPad') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') < 0)) {
  135.             // タブレット
  136.             document.write('<meta name="viewport" content="width=1400,user-scalable=no">');
  137.         }
  138.     </script>
  139.    <script>
  140.         (function (d) {
  141.             var config = {
  142.                 kitId: 'obd1buk',
  143.                 scriptTimeout: 3000,
  144.                 async: true
  145.             },
  146.                 h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)
  147.         })(document);
  148.     </script>    
  149. </head>
  150. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  151. {# Layout: BODY_AFTER #}
  152. {% if Layout.BodyAfter %}
  153.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  154. {% endif %}
  156. {% if isMaintenance %}
  157.     <div class="ec-maintenanceAlert">
  158.         <div>
  159.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  160.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  161.         </div>
  162.     </div>
  163. {% endif %}
  165. <div class="ec-layoutRole">
  166.     {# Layout: HEADER #}
  167.     {% if Layout.Header %}
  168.         {{ include('block.twig', {'Blocks': Layout.Header}) }}
  169.     {% endif %}
  171.     {# Layout: CONTENTS_TOP #}
  172.     {% if Layout.ContentsTop %}
  173.         <div class="ec-layoutRole__contentTop">
  174.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  175.         </div>
  176.     {% endif %}
  178.     <div class="ec-layoutRole__contents">
  179.         {# Layout: SIDE_LEFT #}
  180.         {% if Layout.SideLeft %}
  181.             <aside class="ec-layoutRole__left">
  182.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  183.             </aside>
  184.         {% endif %}
  186.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  187.         {% if Layout.ColumnNum == 2 %}
  188.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  189.         {% elseif Layout.ColumnNum == 3 %}
  190.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  191.         {% endif %}
  193.         <main class="{{ layoutRoleMain }}">
  194.             {# Layout: MAIN_TOP #}
  195.             {% if Layout.MainTop %}
  196.                 <div class="ec-layoutRole__mainTop">
  197.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  198.                 </div>
  199.             {% endif %}
  201.             {# MAIN AREA #}
  202.             {% block main %}{% endblock %}
  204.             {# Layout: MAIN_Bottom #}
  205.             {% if Layout.MainBottom %}
  206.                 <div class="ec-layoutRole__mainBottom">
  207.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  208.                 </div>
  209.             {% endif %}
  210.         </main>
  212.         {# Layout: SIDE_RIGHT #}
  213.         {% if Layout.SideRight %}
  214.             <aside class="ec-layoutRole__right">
  215.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  216.             </aside>
  217.         {% endif %}
  218.     </div>
  220.     {# Layout: CONTENTS_BOTTOM #}
  221.     {% if Layout.ContentsBottom %}
  222.         <div class="ec-layoutRole__contentBottom">
  223.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  224.         </div>
  225.     {% endif %}
  227.     {# Layout: CONTENTS_FOOTER #}
  228.     {% if Layout.Footer %}
  229.         <footer class="ec-layoutRole__footer">
  230.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  231.         </footer>
  232.     {% endif %}
  233. </div><!-- ec-layoutRole -->
  235. <div class="ec-overlayRole"></div>
  236. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  237. <div class="ec-drawerRole">
  238.     {# Layout: DRAWER #}
  239.     {% if Layout.Drawer %}
  240.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  241.     {% endif %}
  242. </div>
  243. <div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>
  244. {% include('@common/lang.twig') %}
  245. <script src="{{ asset('assets/js/function.js') }}"></script>
  246. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  247. {% block javascript %}{% endblock %}
  248. {# Layout: CLOSE_BODY_BEFORE #}
  249. {% if Layout.CloseBodyBefore %}
  250.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  251. {% endif %}
  252. {# プラグイン用Snippet #}
  253. {% if plugin_snippets is defined %}
  254.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  255. {% endif %}
  256.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  257. </body>
  258. </html>