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: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
  14.     <meta http-equiv="content-language" content="{{ eccube_config.locale }}">
  15.     <meta name="google-site-verification" content="Y66QrlYcz64bHEY5gShRL_D_Uv99BsW0Q3HaQ8vBfQs" />
  16.     <meta charset="utf-8">
  17.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  18.     <meta name="apple-itunes-app" content="app-id=1614240545">
  19.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  20.     <meta name="p:domain_verify" content="f4b9dc1809d0da8bb7113d9d5b07de34"/>
  21.     <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>
  22.     {% if Page.author is not empty %}
  23.         <meta name="author" content="{{ Page.author }}">
  24.     {% endif %}
  25.     {% if Page.description is not empty %}
  26.         <meta name="description" content="{{ Page.description }}">
  27.     {% endif %}
  28.     {% if Page.keyword is not empty %}
  29.         <meta name="keywords" content="{{ Page.keyword }}">
  30.     {% endif %}
  31.     {% if Page.meta_robots is not empty %}
  32.         <meta name="robots" content="{{ Page.meta_robots }}">
  33.     {% endif %}
  34.     {% if Page.meta_tags is not empty %}
  35.         {{ include(template_from_string(Page.meta_tags)) }}
  36.     {% endif %}
  37.     <link rel="preconnect" href="https://fonts.gstatic.com">
  38.     <link rel="preconnect" href="https://maxcdn.bootstrapcdn.com">
  39.     <link rel="preconnect" href="https://use.fontawesome.com">
  40.     <link rel="preconnect" href="https://cdn.jsdelivr.net">
  41.     <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap" rel="stylesheet">
  42.     <link rel="icon" href="/favicon.ico">
  43.     <link rel="apple-touch-icon" href="/apple-touch-icon-152x152.png">
  44.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="print" onload="this.media='all'">
  45.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css?v=20230117" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous" media="print" onload="this.media='all'">
  46.     <link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" media="print" onload="this.media='all'">
  47.     {% if app.request.attributes.get('_route') == 'homepage' %} 
  48.         <link rel="stylesheet" href="{{ asset('assets/css/style_homepage.css') }}">
  49.     {% else %}
  50.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  51.     {% endif %}
  52.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" media="print" onload="this.media='all'"/>
  53.     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" media="print" onload="this.media='all'"/>
  54.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jquery.yycountdown.css') }}"/>
  55.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" media="print" onload="this.media='all'">
  56.     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" media="print" onload="this.media='all'">
  57.     <script>
  58. <<<<<<< HEAD
  59.  window.difyChatbotConfig = {
  60.   token: 'bPLxsXwAWme49MB4',
  61.   inputs: {
  62.     // You can define the inputs from the Start node here
  63.     // key is the variable name
  64.     // e.g.
  65.     // name: "NAME"
  66.   },
  67.   systemVariables: {
  68.     // user_id: 'YOU CAN DEFINE USER ID HERE',
  69.     // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',
  70.   },
  71.   userVariables: {
  72.     // avatar_url: 'YOU CAN DEFINE USER AVATAR URL HERE',
  73.     // name: 'YOU CAN DEFINE USER NAME HERE',
  74.   },
  75.  }
  76. </script>
  77. <script
  78.  src="https://udify.app/embed.min.js"
  79.  id="bPLxsXwAWme49MB4"
  80.  defer>
  81. </script>
  82. <style>
  83.   #dify-chatbot-bubble-button {
  84.     background-color: #1C64F2 !important;
  85.   }
  86.   #dify-chatbot-bubble-window {
  87.     width: 60rem !important;
  88.     height: 70rem !important;
  89.     bottom: 0 !important;
  90.     right: 0 !important;
  91.     position: fixed !important;
  92.   }
  93.   
  94.   /* Mobile: Full screen */
  95.   @media (max-width: 768px) {
  96.     #dify-chatbot-bubble-window {
  97.       width: 100vw !important;
  98.       height: 95vh !important;
  99.       top: 0 !important;
  100.       left: 0 !important;
  101.       right: 0 !important;
  102.       bottom: 0 !important;
  103.       max-width: 100% !important;
  104.       max-height: 100% !important;
  105.     }
  106.   }
  107. </style>
  108. <script>
  109.   // Disable body scroll when chatbot is open
  110.   (function() {
  111.     function disableBodyScroll() {
  112.       const chatbotWindow = document.getElementById('dify-chatbot-bubble-window');
  113.       const chatbotButton = document.getElementById('dify-chatbot-bubble-button');
  114.       
  115.       if (!chatbotWindow || !chatbotButton) return;
  116.       
  117.       // Check if chatbot is visible/open
  118.       function isChatbotOpen() {
  119.         const style = window.getComputedStyle(chatbotWindow);
  120.         return style.display !== 'none' && 
  121.                chatbotWindow.offsetHeight > 50 && 
  122.                !chatbotWindow.classList.contains('minimized');
  123.       }
  124.       
  125.       // Observer to watch for chatbot visibility changes
  126.       const observer = new MutationObserver(function() {
  127.         if (isChatbotOpen()) {
  128.           // Chatbot is open, disable body scroll
  129.           document.body.style.overflow = 'hidden';
  130.           document.documentElement.style.overflow = 'hidden';
  131.         } else {
  132.           // Chatbot is closed, enable body scroll
  133.           document.body.style.overflow = '';
  134.           document.documentElement.style.overflow = '';
  135.         }
  136.       });
  137.       
  138.       // Observe chatbot window for changes
  139.       observer.observe(chatbotWindow, {
  140.         attributes: true,
  141.         attributeFilter: ['style', 'class'],
  142.         childList: false,
  143.         subtree: false
  144.       });
  145.       
  146.       // Also check on button click
  147.       chatbotButton.addEventListener('click', function() {
  148.         setTimeout(function() {
  149.           if (isChatbotOpen()) {
  150.             document.body.style.overflow = 'hidden';
  151.             document.documentElement.style.overflow = 'hidden';
  152.           } else {
  153.             document.body.style.overflow = '';
  154.             document.documentElement.style.overflow = '';
  155.           }
  156.         }, 100);
  157.       });
  158.       
  159.       // Check initial state
  160.       setTimeout(function() {
  161.         if (isChatbotOpen()) {
  162.           document.body.style.overflow = 'hidden';
  163.           document.documentElement.style.overflow = 'hidden';
  164.         }
  165.       }, 500);
  166.     }
  167.     
  168.     // Wait for chatbot to load
  169.     if (document.readyState === 'loading') {
  170.       document.addEventListener('DOMContentLoaded', function() {
  171.         setTimeout(disableBodyScroll, 1000);
  172.       });
  173.     } else {
  174.       setTimeout(disableBodyScroll, 1000);
  175.     }
  176.     
  177.     // Also try after longer delay to ensure chatbot script is loaded
  178.     setTimeout(disableBodyScroll, 3000);
  179.   })();
  180. </script>
  181.     <script>
  182. =======
  183.     
  184. >>>>>>> feature/Kyo_14411
  185.     // Load TikTok Pixel asynchronously after page load
  186.     
  187.     window.addEventListener('load', function() {
  188.         setTimeout(function() {
  189.             !function (w, d, t) {
  190.                 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
  191.                 var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
  192.                 ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  194.                 ttq.load('{{ tiktok_pixel_id }}');
  195.                 ttq.page();
  196.                 // add this before event code to all pages where PII data postback is expected and appropriate 
  197.                 ttq.identify({
  198.                 "email": "7be698d9842cd85bf022875b9801ea893ba016d5ca3a9de810a2e3f29a8c1497", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
  199.                 "phone_number": "090a22f5a8fd35d5c83cba8b63754754b30dd6d5ae2519e0fb3f8e60914a1991", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
  200.                 "external_id": "9a72c24f2fd76561729110d804c69f38a7088f2ec41fdf8fbfea20d07e8bcff8" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
  201.                 });
  203.                 ttq.track('CompletePayment', {
  204.                     "contents": [
  205.                         {
  206.                             "content_id": "1145", // string. ID of the product. Example: "1077218".
  207.                             "content_type": "product", // string. Either product or product_group.
  208.                             "content_name": "perfume" // string. The name of the page or product. Example: "shirt".
  209.                         }
  210.                     ],
  211.                     "value": "100", // number. Value of the order or items sold. Example: 100.
  212.                     "currency": "USD", // string. The 4217 currency code. Example: "USD".
  213.                 }, {
  214.                     "event_id": "1616318632825_357" // string. A hashed ID that can identify a unique event. Example: "1616318632825_357".
  215.                 });
  216.             }(window, document, 'ttq');
  217.         }, 1000); // Delay 1 second to prioritize page rendering
  218.     });
  219.     </script>
  220.     {% if app.user is defined and app.user is not null %}
  221.         {{ include("Chatbot/dify.twig", {'user': app.user}) }}
  222.     {% endif %}
  223.     <!-- TikTok Pixel Code End -->
  225. {% block stylesheet %}{% endblock %}
  226. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous" {% if app.request.attributes.get('_route') == 'homepage' %} defer {% endif %}></script>
  229.     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" defer></script>
  230.     <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js" defer></script>
  231.     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" defer ></script>
  232.     <script type="text/javascript" src="{{ asset('assets/js/jquery.yycountdown.js') }}" defer></script>
  233.     <script type="text/javascript" src="{{ asset('assets/js/storeCommon.js') }}" defer></script>
  234.     <script type="text/javascript" src="{{ asset('assets/js/elementManager.js') }}" defer></script>
  235.     <script type="text/javascript" src="{{ asset('assets/js/request.js') }}" defer></script>
  236.     <script type="text/javascript" src="{{ asset('assets/js/copysize.js') }}" defer></script>
  237.     <script defer>
  238.         // Set global APP_ENV for R2 uploader
  239.         window.APP_ENV = "{{getAppEnv()}}";
  240.         document.addEventListener('DOMContentLoaded', function() {
  241.             $.ajaxSetup({
  242.                 'headers': {
  243.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  244.                 }
  245.             });
  247.             {% set userId = app.user.id is defined ? app.user.id : 0 %}
  248.             let userId = {{ userId }}
  249.             let currentPath = window.location.pathname
  250.             $.ajax({
  251.                 url: '{{ url('access_log') }}',
  252.                 type: 'POST',
  253.                 dataType: 'json',
  254.                 data: {
  255.                     "userId": userId,
  256.                     "path": currentPath,
  257.                 },
  258.             }).done(function(response) {
  259.                 console.log("accessLog",response)
  260.             })
  261.         });
  262.     </script>
  263.     {# Layout: HEAD #}
  264.     {% if Layout.Head %}
  265.         {{ include('block.twig', {'Blocks': Layout.Head}) }}
  266.     {% endif %}
  267.     <script src="//statics.a8.net/a8sales/a8sales.js"></script>
  268.     {# プラグイン用styleseetやmetatagなど #}
  269.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  270.     <link rel="stylesheet" href="{{ asset('assets/css/customize.css', 'user_data') }}?v=202204011"><!-- test = -->
  271.     {% if app.request.attributes.get('_route') == 'homepage' %} 
  272.         <link rel="stylesheet" href="{{ asset('assets/css/default_homepage.css') }}?v={{ "now"|date("YmdHis") }}"> 
  273.     {% else %}
  274.         <link rel="stylesheet" href="{{ asset('assets/css/default.css') }}?v={{ "now"|date("YmdHis") }}">
  275.     {% endif %}
  276.     <link rel="stylesheet" href="{{ asset('assets/css/page_countdown.css') }}?v=20220915">
  277.     <link rel="stylesheet" href="{{ asset('assets/css/video_style.css') }}">
  278.     {% if body_class is not defined %}
  279.         {% set body_class = "" %}
  280.     {% endif %}
  281.     {% if 'cbd' in body_class %}
  282.         <link rel="stylesheet" href="{{ asset('assets/css/cbd.css') }}">
  283.     {% endif %}
  284.     <script type='text/javascript' src='https://js.crossees.com/csslp.js' defer></script>
  285.     {% block additional_head %}{% endblock %}
  286. </head>
  287. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}" style="{% if body_style is defined %}{{ body_style }}{% endif %}">
  288. {# Layout: BODY_AFTER #}
  289. {% if Layout.BodyAfter %}
  290.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  291. {% endif %}
  293.     {% if app.user and app.user.getRakutenUser is not null and app.user.first_login == false %}
  294.         {% include 'change_password_rakuten_member.twig' %}
  295.     {% endif %}
  296.     {% if app.user and app.user.getSupplierUser is not null and app.user.first_login == false %}
  297.         {% include 'change_password_rakuten_member.twig' %}
  298.     {% endif %}
  299.     
  300. <div class="{{ IsApp ? 'ec-layoutRole-app' :'ec-layoutRole' }}">
  301.     {# Layout: HEADER #}
  302.     {% if Layout.Header %}
  303.         <div class="ec-layoutRole__header">
  304.             {{ include('block.twig', {'Blocks': Layout.Header}) }}
  305.         </div>
  306.         <div class="ec-layoutRole__header_cz"></div>
  307.     {% endif %}
  309.     {# Layout: CONTENTS_TOP #}
  310.     {% if Layout.ContentsTop %}
  311.         <div class="ec-layoutRole__contentTop">
  312.             {{ include('block.twig', {'Blocks': Layout.ContentsTop}) }}
  313.         </div>
  314.     {% endif %}
  316.     <div class="ec-layoutRole__contents">
  317.         {# Layout: SIDE_LEFT #}
  318.         {% if Layout.SideLeft %}
  319.             <div class="ec-layoutRole__left">
  320.                 {{ include('block.twig', {'Blocks': Layout.SideLeft}) }}
  321.             </div>
  322.         {% endif %}
  324.         {% set layoutRoleMain = 'ec-layoutRole__main' %}
  325.         {% if Layout.ColumnNum == 2 %}
  326.             {% set layoutRoleMain = 'ec-layoutRole__mainWithColumn' %}
  327.         {% elseif Layout.ColumnNum == 3 %}
  328.             {% set layoutRoleMain = 'ec-layoutRole__mainBetweenColumn' %}
  329.         {% endif %}
  331.         <div class="{{ layoutRoleMain }}">
  332.             {# Layout: MAIN_TOP #}
  333.             {% if Layout.MainTop %}
  334.                 <div class="ec-layoutRole__mainTop">
  335.                     {{ include('block.twig', {'Blocks': Layout.MainTop}) }}
  336.                 </div>
  337.             {% endif %}
  339.             {# MAIN AREA #}
  340.             {% block main %}{% endblock %}
  342.             {# Layout: MAIN_Bottom #}
  343.             {% if Layout.MainBottom %}
  344.                 <div class="ec-layoutRole__mainBottom">
  345.                     {{ include('block.twig', {'Blocks': Layout.MainBottom}) }}
  346.                 </div>
  347.             {% endif %}
  348.         </div>
  350.         {# Layout: SIDE_RIGHT #}
  351.         {% if Layout.SideRight %}
  352.             <div class="ec-layoutRole__right">
  353.                 {{ include('block.twig', {'Blocks': Layout.SideRight}) }}
  354.             </div>
  355.         {% endif %}
  356.     </div>
  358.     {# Layout: CONTENTS_BOTTOM #}
  359.     {% if Layout.ContentsBottom %}
  360.         <div class="ec-layoutRole__contentBottom">
  361.             {{ include('block.twig', {'Blocks': Layout.ContentsBottom}) }}
  362.         </div>
  363.     {% endif %}
  365.     {# Layout: CONTENTS_FOOTER #}
  366.     {% if Layout.Footer %}
  367.         <div class="ec-layoutRole__footer">
  368.             {{ include('block.twig', {'Blocks': Layout.Footer}) }}
  369.         </div>
  370.     {% endif %}
  371. </div><!-- ec-layoutRole -->
  373. <div class="ec-overlayRole"></div>
  374. <div class="ec-drawerRoleClose"><i class="fas fa-times"></i></div>
  375. <div class="ec-drawerRole">
  376.     {# Layout: DRAWER #}
  377.     {% if Layout.Drawer %}
  378.         {{ include('block.twig', {'Blocks': Layout.Drawer}) }}
  379.     {% endif %}
  380. </div>
  381. <div id="FixedLineBtn" style="display:none">
  382.     <div id="FixedLineDiv">
  383.         {# <a href="https://lin.ee/28rac17" target="_blank"><img loading="lazy"  id="FixedLineBtnImg" src="/html/user_data/assets/img/lineBtn/LineBtn.png" alt="LINEボタン"></a> #}
  384.         <a href="https://lin.ee/28rac17" target="_blank"><img loading="lazy"  id="FixedLineBtnImg" src="{{ getR2ImageUrl('LineBtn.png', 'user_data/assets/img/lineBtn') }}" alt="LINEボタン"></a>
  385.         {# <img loading="lazy"  id="FixedLineBtnClose" src="/html/user_data/assets/img/lineBtn/LineClose.png" alt="閉じる"> #}
  386.         <img loading="lazy"  id="FixedLineBtnClose" src="{{ getR2ImageUrl('LineClose.png', 'user_data/assets/img/lineBtn') }}" alt="閉じる">
  387.     </div>
  388. </div>
  389. <div class="ec-blockTopBtn pagetop"><i class="fas fa-chevron-circle-up"></i></div>
  390. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
  391. <script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js" defer></script>
  392. {% include('@common/lang.twig') %}
  393. <script src="{{ asset('assets/js/function.min.js') }}?v=2023-01-29" defer></script>
  394. <script src="{{ asset('assets/js/eccube.js') }}" defer></script>
  395. {% block javascript %}{% endblock %}
  396. {# Layout: CLOSE_BODY_BEFORE #}
  397. {% if Layout.CloseBodyBefore %}
  398.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  399. {% endif %}
  400. {# プラグイン用Snippet #}
  401. {% if plugin_snippets is defined %}
  402.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  403. {% endif %}
  404.     <script src="{{ asset('assets/js/customize.js', 'user_data') }}?v20220128" defer></script>
  405. </body>
  406. </html>