app/template/kaorime/default_frame.twig line 182

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