app/template/kaorime/default_frame.twig line 191

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="ja">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>{% if subtitle is defined and subtitle is not empty %}  {{ subtitle }}｜{% elseif title is defined and title is not empty %}  {{ title }}｜{% endif %} わかめやひじきなどの海藻と海藻加工製品の販売｜【公式】香り芽本舗オンラインショップ 〜ひとふりで、かおる幸せ〜</title>
  7.     <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
  8.     <meta name="format-detection" content="telephone=no">
  9.     <meta name="eccube-csrf-token" content="{{ csrf_token(constant('Eccube\\Common\\Constant::TOKEN_NAME')) }}">
  10.     {% if Page.keyword is not empty %}
  11.         <meta name="keywords" content="{{ Page.keyword }}">
  12.     {% endif %}
  13.     {% if Page.meta_tags is not empty %}
  14.         {{ include(template_from_string(Page.meta_tags), sandboxed = true) }}
  15.         {% if Page.description is not empty %}
  16.             <meta name="description" content="{{ Page.description }}｜{{ title }}">
  17.         {% else %}
  18.             <meta name="description" content="{{ title }} }}|島根県出雲市で、わかめやひじきなどの海藻、海藻を加工した製品を販売する『香り芽本舗』のオンラインショップです。海藻が持つ豊かな風味を楽しんでいただけるよう、出雲の地から、心を込めてお届けします。">
  19.         {% endif %}
  20.     {% else %}
  21.         {{ include('meta.twig') }}
  22.     {% endif %}
  23.     {% if Page.meta_robots is not empty %}
  24.         <meta name="robots" content="{{ Page.meta_robots }}">
  25.     {% endif %}
  26.     <!-- FAVICON -->
  27.     <link rel="icon" href="/favicon.ico">
  28.     <link rel="shortcut icon" href="/favicon_180.png">
  29.     <link rel="apple-touch-icon" href="/favicon_180.png">
  30.     <!-- /FAVICON -->
  31.     <!-- CSS -->
  32.     <link rel="stylesheet" href="{{ asset('assets/js/slick/slick-theme.css') }}">
  33.     <link rel="stylesheet" href="{{ asset('assets/js/slick/slick.css') }}">
  34.     <link rel="stylesheet" href="{{ asset('assets/js/swiper/swiper-bundle.css') }}">
  35.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  36.     <link rel="stylesheet" href="{{ asset('assets/css/common.css') }}">
  37.     <link rel="stylesheet" href="{{ asset('assets/css/import.css?20241125') }}">
  38.     <link rel="preconnect" href="https://fonts.googleapis.com">
  39.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  40.     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Poppins&family=Zen+Old+Mincho:wght@700&display=swap" rel="stylesheet">
  41.     {% block stylesheet %}{% endblock %}
  42.     <script src="{{ asset('front.bundle.js', 'bundle') }}"></script>
  43.     <script>
  44.         $(function() {
  45.             $.ajaxSetup({
  46.                 'headers': {
  47.                     'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content')
  48.                 }
  49.             });
  50.         });
  51.     </script>
  52.     <!-- /CSS -->
  53.     <!-- JS LIBRARY -->
  54.     <script src="{{asset('assets/js/lib/jquery-3.6.0.min.js')}}"></script>
  55.     <!-- /JS LIBRARY -->
  56.     {# プラグイン用styleseetやmetatagなど #}
  57.     {% if plugin_assets is defined %}{{ include('@admin/snippet.twig', { snippets: plugin_assets }) }}{% endif %}
  58.     <!-- SHARE -->
  59.     <meta name="twitter:card" content="summary">
  60.     <meta property="og:type" content="website">
  61.     <meta property="og:locale" content="ja_JP">
  62.     <meta property="og:image" content="{{ asset('assets/img/common/ogp_logo.png') }}">
  63.     <meta property="og:title" content="{% if subtitle is defined and subtitle is not empty %}{{ subtitle }} | {% elseif title is defined and title is not empty %}{{ title }} | {% endif %}{{ BaseInfo.shop_name }}">
  64.     {% if Page.description is not empty %}
  65.         <meta property="og:description" content="{{ Page.description }}">
  66.     {% endif %}
  67.     <meta
  68.             property="og:site_name" content="香り芽本舗 公式ショップ">
  69.     <!-- /SHARE -->
  70.     <!-- Google Tag Manager -->
  71.     <script>
  72.         (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  73.                 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  74.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  75.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  76.         })(window,document,'script','dataLayer','GTM-PB2GG7VD');
  77.     </script>
  78.     <!-- End Google Tag Manager -->
  79.     <!-- Google tag (gtag.js) -->
  80.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-QCN7TKXPQ7"></script>
  81.     <script>
  82.     window.dataLayer = window.dataLayer || [];
  83.     function gtag(){dataLayer.push(arguments);}
  84.     gtag('js', new Date());
  86.     gtag('config', 'G-QCN7TKXPQ7');
  87.     </script>
  88.     {% if Layout.Head %}
  89.     {{ include('block.twig', {'Blocks': Layout.Head}) }}
  90.     {% endif %}
  91. </head>
  93. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  95. <!-- Google Tag Manager (noscript) -->
  96. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PB2GG7VD"
  97.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  98. <!-- End Google Tag Manager (noscript) -->
  100. {% if Layout.BodyAfter %}
  101.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  102. {% endif %}
  104. {% if isMaintenance %}
  105.     <div class="ec-maintenanceAlert">
  106.         <div>
  107.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  108.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  109.         </div>
  110.     </div>
  111. {% endif %}
  113. <!-- HEADER -->
  114. <header role="banner" class="header" id="is-headerFixed">
  115.     <div class="headerInner">
  116.         <!-- NAVIGATION -->
  117.         <nav role="navigation" class="gNav isUnder isTop">
  118.             <div class="gNavInner">
  119.                 <ol class="gNav-list">
  120.                     <li>
  121.                         <a href="/products/list" class="menuTitle">
  122.                             商品一覧
  123.                         </a>
  124.                     </li>
  125.                     <li>
  126.                         <a href="{{ url('help_guide') }}" class="menuTitle">
  127.                             ご利用ガイド
  128.                         </a>
  129.                     </li>
  130.                     <li>
  131.                         <a href="https://kaorime.co.jp/recipebook/recipebooks/" class="menuTitle menuExternal" target="_blank">
  132.                             レシピ
  133.                         </a>
  134.                     </li>
  135.                     <li>
  136.                         <a href="https://kaorime.co.jp/column/" class="menuTitle menuExternal" target="_blank">
  137.                             コラム
  138.                         </a>
  139.                     </li>
  140.                     <li>
  141.                         <a href="https://kaorime.co.jp/" class="menuTitle menuExternal" target="_blank">
  142.                             公式サイト
  143.                         </a>
  144.                     </li>
  145.                 </ol>
  146.             </div>
  147.         </nav>
  148.         <!-- /NAVIGATION -->
  149.         <!-- MOBILE MENU BUTTON -->
  150.         <div id="header-mobileMenuBtn" class="dn-pc">
  151.             <div class="header-mobileMenuBtnInner">
  152.                 <span>&thinsp;</span>
  153.                 <span>&thinsp;</span>
  154.                 <span>&thinsp;</span>
  155.             </div>
  156.         </div>
  157.         <!-- /MOBILE MENU BUTTON -->
  158.         <!-- LOGO -->
  159.         <a href="/" class="header-logo">
  160.             <h1 class="hdnTxt">香り芽本舗 オンラインショップ</h1>
  161.             <img src="{{asset('assets/img/common/logo.png')}}" alt="香り芽本舗 オンラインショップ" class="imgFit">
  162.         </a>
  163.         <!-- /LOGO -->
  164.         <!-- SHOP-BTN -->
  165.         {% set Carts = get_all_carts() %}
  166.         {% set totalPrice = get_carts_total_price() %}
  167.         {% set totalQuantity = get_carts_total_quantity() %}
  168.         <div class="header-shopBtnContainer">
  169.             <a href="{{ url('mypage') }}" class="header-shopBtn header-shopBtnMyPage">
  170.           <span class="itemIcon">
  171.             <img src="{{asset('assets/img/common/icon_mypage_01.svg')}}" alt="マイページ アイコン" class="imgFit">
  172.           </span>
  173.                 マイページ
  174.             </a>
  175.             <a href="{{ url('cart') }}" class="header-shopBtn header-shopBtnCart">
  176.           <span class="itemIcon">
  177.             <img src="{{asset('assets/img/common/icon_cart_01.svg')}}" alt="カート アイコン" class="imgFit">
  178.           </span>
  179.                 <em class="cart-number">{{ totalQuantity|number_format }}</em>
  180.                 カート
  181.             </a>
  182.         </div>
  183.         <!-- /SHOP-BTN -->
  184.     </div>
  185. </header>
  186. <!-- /HEADER -->
  188. <!-- MAIN -->
  189. <main>
  190.     <div role="main" class="marginBottom50 marginTop50">
  191.         {% block main %}{% endblock %}
  192.     </div>
  193. </main>
  194. <!-- /MAIN -->
  196. <!-- FOOTER -->
  197. <footer role="contentinfo" class="footer">
  198.     <!-- FOOTER-POINT -->
  199.     <ul class="footer-pointContainer">
  200.         <li>
  201.             <img src="{{asset('assets/img/common/point1.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  202.         </li>
  203.         <li>
  204.             <img src="{{asset('assets/img/common/point2.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  205.         </li>
  206.         <li>
  207.             <img src="{{asset('assets/img/common/point3.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  208.         </li>
  209.     </ul>
  210.     <!-- /FOOTER-POINT -->
  211.     <!-- FOOTER-SHOPGUIDE -->
  212.     <div class="footer-shopGuideContainer">
  213.         <div class="footer-shopGuideContainerInner">
  214.             <!-- BOX -->
  215.             <section class="footer-shopGuide">
  216.                 <h2 class="itemHl">
  217.             <span class="itemIcon">
  218.               <img src="{{asset('assets/img/common/icon_guid_01.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  219.             </span>
  220.                     お支払い方法
  221.                 </h2>
  222.                 <p class="itemTxt">
  223.                     お支払いには「クレジットカード払い」がご利用になれます。
  224.                 </p>
  225.                 <a href="/guide" class="mod-btn-02 itemBtn">もっと見る</a>
  226.             </section>
  227.             <!-- /BOX -->
  228.             <!-- BOX -->
  229.             <section class="footer-shopGuide">
  230.                 <h2 class="itemHl">
  231.             <span class="itemIcon">
  232.               <img src="{{asset('assets/img/common/icon_guid_02.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  233.             </span>
  234.                     配送・送料
  235.                 </h2>
  236.                 <p class="itemTxt">
  237.                     3,780円(税込)以上のご購入で送料無料です。一般宅急便は、全国一律送料800円(税込)です。ゆうパケット便300円、企画品により送料込の商品もございます。
  238.                     <span class="small">※地域、天候、交通状況によりお届けまでに日数を要する場合がございます。</span>
  239.                 </p>
  240.                 <a href="/guide#haisou" class="mod-btn-02 itemBtn">もっと見る</a>
  241.             </section>
  242.             <!-- /BOX -->
  243.             <!-- BOX -->
  244.             <section class="footer-shopGuide">
  245.                 <h2 class="itemHl">
  246.             <span class="itemIcon">
  247.               <img src="{{asset('assets/img/common/icon_guid_03.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  248.             </span>
  249.                     返品・交換
  250.                 </h2>
  251.                 <p class="itemTxt">
  252.                     商品到着後7日以内に弊社まで電子メール、もしくはお電話の上、着払いでご郵送ください。
  253.                 </p>
  254.                 <a href="/guide#returns" class="mod-btn-02 itemBtn">もっと見る</a>
  255.             </section>
  256.             <!-- /BOX -->
  257.             <!-- CONTACT -->
  258.             <section class="footer-contact">
  259.                 <h2 class="footer-contactHl">お急ぎのご注文や商品に関するご相談など<br class="dn-pc">お気軽にお問い合わせください。</h2>
  260.                 <div class="footer-contactBody">
  261.                     <div class="btnTelWrap">
  262.                         <a href="tel:0120402268" class="btnTel">
  263.                             <span class="itemNum"><span class="small">TEL.</span>0120-40-2268</span>
  264.                             <span class="itemTime">【受付時間】9:00〜17:00（平日）</span>
  265.                         </a>
  266.                     </div>
  267.                     <div class="btnMailWrap">
  268.                         <a href="{{ url('contact') }}" class="btnMail mod-btn-01">
  269.                             <span class="itemName">メールでのお問い合わせ</span>
  270.                         </a>
  271.                     </div>
  272.                 </div>
  273.             </section>
  274.             <!-- /CONTACT -->
  275.         </div>
  276.     </div>
  277.     <!-- /FOOTER-SHOPGUIDE -->
  278.     <!-- FOOTER-MAIN -->
  279.     <div class="footer-main">
  280.         <div class="footer-mainInner">
  281.             <!-- FOOTER-MAIN-LOGO&MENU -->
  282.             <div class="footer-logoMenuWrap">
  283.                 <!-- LOGO -->
  284.                 <a href="https://kaorime.co.jp/" class="footer-mainLogo" target="_blank">
  285.                     <img src="{{asset('assets/img/common/logo_footer.png')}}" alt="香り芽本舗" class="imgFit" width="120" height="120" loading="lazy">
  286.                 </a>
  287.                 <!-- /LOGO -->
  288.                 <!-- MENU -->
  289.                 <div class="footer-mainMenu">
  290.                     <ul class="footer-mainMenu__list">
  291.                         <li><a href="{{ url('product_list') }}">商品一覧</a></li>
  292.                         <li><a href="{{ url('help_guide') }}">ご利用ガイド</a></li>
  293.                         <li class="external"><a href="https://kaorime.co.jp/company/info" target="_blank">会社概要</a></li>
  294.                     </ul>
  295.                     <ul class="footer-mainMenu__list">
  296.                         <li><a href="{{ url('help_agreement') }}">利用規約</a></li>
  297.                         <li><a href="{{ url('help_privacy') }}">個人情報保護方針</a></li>
  298.                         <li><a href="{{ url('help_tradelaw') }}">特定商取引法について</a></li>
  299.                     </ul>
  300.                 </div>
  301.                 <!-- /MENU -->
  302.                 <!-- MYPAGE=MENU -->
  303.                 <div class="footer-mainMyMenu">
  304.                     <a href="{{ url('mypage') }}" class="itemBtn itemBtn-my"><span class="itemBtnInner">マイページ</span></a>
  305.                     <a href="{{ url('cart') }}" class="itemBtn itemBtn-cart"><span class="itemBtnInner">カート</span></a>
  306.                 </div>
  307.                 <!-- /MYPAGE=MENU -->
  308.             </div>
  309.             <!-- /FOOTER-MAIN-LOGO&MENU -->
  310.             <!-- FOOTER-MAIN-SUB -->
  311.             <div class="footer-mainSubWrap">
  312.                 <a href="http://kaorime.co.jp/" class="item-siteBtn" target="_blank">公式サイト</a>
  313.             </div>
  314.             <!-- /FOOTER-MAIN-SUB -->
  315.         </div>
  316.         <!-- COPYRIGHT -->
  317.         <p class="footer-mainCopyright">© Kaorimehonnpo Co.,Ltd. All Rights Reserved.</p>
  318.         <!-- /COPYRIGHT -->
  319.     </div>
  320.     <!-- /FOOTER-MAIN -->
  321. </footer>
  322. <!-- /FOOTER -->
  324. <!-- PAGE TOP BTN -->
  325. <div class="pageTop-box">
  326.     <div id="pageTop" class="pageTop">
  327.       <span class="pageTopInner">
  328.         <img src="{{asset('assets/img/common/btn_pgtop.png')}}" alt="ページトップに戻る" class="imgFit">
  329.       </span>
  330.     </div>
  331. </div>
  332. <!-- /PAGE TOP BTN -->
  334. {% include('@common/lang.twig') %}
  336. <!-- JS -->
  337. <script src="{{asset('assets/js/swiper/swiper-bundle.min.js')}}"></script>
  338. <script src="{{asset('assets/js/slick/slick.min.js')}}"></script>
  339. <script src="{{asset('assets/js/animation.js')}}"></script>
  340. <script src="{{asset('assets/js/common_navigation.js')}}"></script>
  341. <script src="{{asset('assets/js/common.js')}}"></script>
  342. <script src="{{ asset('assets/js/function.js') }}"></script>
  343. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  344. {% block javascript %}{% endblock %}
  345. {# Layout: CLOSE_BODY_BEFORE #}
  346. {% if Layout.CloseBodyBefore %}
  347.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  348. {% endif %}
  349. {# プラグイン用Snippet #}
  350. {% if plugin_snippets is defined %}
  351.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  352. {% endif %}
  354. <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  355. <!-- /JS -->
  356. <script async src="https://s.yimg.jp/images/listing/tool/cv/ytag.js"></script>
  357. <script>
  358. window.yjDataLayer = window.yjDataLayer || [];
  359. function ytag() { yjDataLayer.push(arguments); }
  360. ytag({
  361.   "type":"yss_retargeting",
  362.   "config": {
  363.     "yahoo_ss_retargeting_id": "1001339123",
  364.     "yahoo_sstag_custom_params": {
  365.     }
  366.   }
  367. });
  368. </script>
  369. </body>
  371. </html>