app/template/kaorime/default_frame.twig line 1

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') }}">
  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.     {% if Layout.Head %}
  80.     {{ include('block.twig', {'Blocks': Layout.Head}) }}
  81.     {% endif %}
  82. </head>
  84. <body id="page_{{ app.request.get('_route') }}" class="{{ body_class|default('other_page') }}">
  86. <!-- Google Tag Manager (noscript) -->
  87. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PB2GG7VD"
  88.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  89. <!-- End Google Tag Manager (noscript) -->
  91. {% if Layout.BodyAfter %}
  92.     {{ include('block.twig', {'Blocks': Layout.BodyAfter}) }}
  93. {% endif %}
  95. {% if isMaintenance %}
  96.     <div class="ec-maintenanceAlert">
  97.         <div>
  98.             <div class="ec-maintenanceAlert__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"/></div>
  99.             {{ 'メンテナンスモードが有効になっています。'|trans }}
  100.         </div>
  101.     </div>
  102. {% endif %}
  104. <!-- HEADER -->
  105. <header role="banner" class="header" id="is-headerFixed">
  106.     <div class="headerInner">
  107.         <!-- NAVIGATION -->
  108.         <nav role="navigation" class="gNav isUnder isTop">
  109.             <div class="gNavInner">
  110.                 <ol class="gNav-list">
  111.                     <li>
  112.                         <a href="/products/list" class="menuTitle">
  113.                             商品一覧
  114.                         </a>
  115.                     </li>
  116.                     <li>
  117.                         <a href="{{ url('help_guide') }}" class="menuTitle">
  118.                             ご利用ガイド
  119.                         </a>
  120.                     </li>
  121.                     <li>
  122.                         <a href="https://kaorime.co.jp/recipebook/recipebooks/" class="menuTitle menuExternal" target="_blank">
  123.                             レシピ
  124.                         </a>
  125.                     </li>
  126.                     <li>
  127.                         <a href="https://kaorime.co.jp/column/" class="menuTitle menuExternal" target="_blank">
  128.                             コラム
  129.                         </a>
  130.                     </li>
  131.                     <li>
  132.                         <a href="https://kaorime.co.jp/" class="menuTitle menuExternal" target="_blank">
  133.                             公式サイト
  134.                         </a>
  135.                     </li>
  136.                 </ol>
  137.             </div>
  138.         </nav>
  139.         <!-- /NAVIGATION -->
  140.         <!-- MOBILE MENU BUTTON -->
  141.         <div id="header-mobileMenuBtn" class="dn-pc">
  142.             <div class="header-mobileMenuBtnInner">
  143.                 <span>&thinsp;</span>
  144.                 <span>&thinsp;</span>
  145.                 <span>&thinsp;</span>
  146.             </div>
  147.         </div>
  148.         <!-- /MOBILE MENU BUTTON -->
  149.         <!-- LOGO -->
  150.         <a href="/" class="header-logo">
  151.             <h1 class="hdnTxt">香り芽本舗 オンラインショップ</h1>
  152.             <img src="{{asset('assets/img/common/logo.png')}}" alt="香り芽本舗 オンラインショップ" class="imgFit">
  153.         </a>
  154.         <!-- /LOGO -->
  155.         <!-- SHOP-BTN -->
  156.         {% set Carts = get_all_carts() %}
  157.         {% set totalPrice = get_carts_total_price() %}
  158.         {% set totalQuantity = get_carts_total_quantity() %}
  159.         <div class="header-shopBtnContainer">
  160.             <a href="{{ url('mypage') }}" class="header-shopBtn header-shopBtnMyPage">
  161.           <span class="itemIcon">
  162.             <img src="{{asset('assets/img/common/icon_mypage_01.svg')}}" alt="マイページ アイコン" class="imgFit">
  163.           </span>
  164.                 マイページ
  165.             </a>
  166.             <a href="{{ url('cart') }}" class="header-shopBtn header-shopBtnCart">
  167.           <span class="itemIcon">
  168.             <img src="{{asset('assets/img/common/icon_cart_01.svg')}}" alt="カート アイコン" class="imgFit">
  169.           </span>
  170.                 <em class="cart-number">{{ totalQuantity|number_format }}</em>
  171.                 カート
  172.             </a>
  173.         </div>
  174.         <!-- /SHOP-BTN -->
  175.     </div>
  176. </header>
  177. <!-- /HEADER -->
  179. <!-- MAIN -->
  180. <main>
  181.     <div role="main" class="marginBottom50 marginTop50">
  182.         {% block main %}{% endblock %}
  183.     </div>
  184. </main>
  185. <!-- /MAIN -->
  187. <!-- FOOTER -->
  188. <footer role="contentinfo" class="footer">
  189.     <!-- FOOTER-POINT -->
  190.     <ul class="footer-pointContainer">
  191.         <li>
  192.             <img src="{{asset('assets/img/common/point1.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  193.         </li>
  194.         <li>
  195.             <img src="{{asset('assets/img/common/point2.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  196.         </li>
  197.         <li>
  198.             <img src="{{asset('assets/img/common/point3.png')}}" alt="" class="imgFit" width="250" height="180" loading="lazy">
  199.         </li>
  200.     </ul>
  201.     <!-- /FOOTER-POINT -->
  202.     <!-- FOOTER-SHOPGUIDE -->
  203.     <div class="footer-shopGuideContainer">
  204.         <div class="footer-shopGuideContainerInner">
  205.             <!-- BOX -->
  206.             <section class="footer-shopGuide">
  207.                 <h2 class="itemHl">
  208.             <span class="itemIcon">
  209.               <img src="{{asset('assets/img/common/icon_guid_01.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  210.             </span>
  211.                     お支払い方法
  212.                 </h2>
  213.                 <p class="itemTxt">
  214.                     お支払いには「クレジットカード払い」がご利用になれます。
  215.                 </p>
  216.                 <a href="/guide" class="mod-btn-02 itemBtn">もっと見る</a>
  217.             </section>
  218.             <!-- /BOX -->
  219.             <!-- BOX -->
  220.             <section class="footer-shopGuide">
  221.                 <h2 class="itemHl">
  222.             <span class="itemIcon">
  223.               <img src="{{asset('assets/img/common/icon_guid_02.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  224.             </span>
  225.                     配送・送料
  226.                 </h2>
  227.                 <p class="itemTxt">
  228.                     3,780円(税込)以上のご購入で送料無料です。一般宅急便は、全国一律送料800円(税込)です。ゆうパケット便300円、企画品により送料込の商品もございます。
  229.                     <span class="small">※地域、天候、交通状況によりお届けまでに日数を要する場合がございます。</span>
  230.                 </p>
  231.                 <a href="/guide#haisou" class="mod-btn-02 itemBtn">もっと見る</a>
  232.             </section>
  233.             <!-- /BOX -->
  234.             <!-- BOX -->
  235.             <section class="footer-shopGuide">
  236.                 <h2 class="itemHl">
  237.             <span class="itemIcon">
  238.               <img src="{{asset('assets/img/common/icon_guid_03.png')}}" alt="" class="imgFit" width="48" height="48" loading="lazy">
  239.             </span>
  240.                     返品・交換
  241.                 </h2>
  242.                 <p class="itemTxt">
  243.                     商品到着後7日以内に弊社まで電子メール、もしくはお電話の上、着払いでご郵送ください。
  244.                 </p>
  245.                 <a href="/guide#returns" class="mod-btn-02 itemBtn">もっと見る</a>
  246.             </section>
  247.             <!-- /BOX -->
  248.             <!-- CONTACT -->
  249.             <section class="footer-contact">
  250.                 <h2 class="footer-contactHl">お急ぎのご注文や商品に関するご相談など<br class="dn-pc">お気軽にお問い合わせください。</h2>
  251.                 <div class="footer-contactBody">
  252.                     <div class="btnTelWrap">
  253.                         <a href="tel:0120402268" class="btnTel">
  254.                             <span class="itemNum"><span class="small">TEL.</span>0120-40-2268</span>
  255.                             <span class="itemTime">【受付時間】9:00〜17:00（平日）</span>
  256.                         </a>
  257.                     </div>
  258.                     <div class="btnMailWrap">
  259.                         <a href="{{ url('contact') }}" class="btnMail mod-btn-01">
  260.                             <span class="itemName">メールでのお問い合わせ</span>
  261.                         </a>
  262.                     </div>
  263.                 </div>
  264.             </section>
  265.             <!-- /CONTACT -->
  266.         </div>
  267.     </div>
  268.     <!-- /FOOTER-SHOPGUIDE -->
  269.     <!-- FOOTER-MAIN -->
  270.     <div class="footer-main">
  271.         <div class="footer-mainInner">
  272.             <!-- FOOTER-MAIN-LOGO&MENU -->
  273.             <div class="footer-logoMenuWrap">
  274.                 <!-- LOGO -->
  275.                 <a href="https://kaorime.co.jp/" class="footer-mainLogo" target="_blank">
  276.                     <img src="{{asset('assets/img/common/logo_footer.png')}}" alt="香り芽本舗" class="imgFit" width="120" height="120" loading="lazy">
  277.                 </a>
  278.                 <!-- /LOGO -->
  279.                 <!-- MENU -->
  280.                 <div class="footer-mainMenu">
  281.                     <ul class="footer-mainMenu__list">
  282.                         <li><a href="{{ url('product_list') }}">商品一覧</a></li>
  283.                         <li><a href="{{ url('help_guide') }}">ご利用ガイド</a></li>
  284.                         <li class="external"><a href="https://kaorime.co.jp/company/info" target="_blank">会社概要</a></li>
  285.                     </ul>
  286.                     <ul class="footer-mainMenu__list">
  287.                         <li><a href="{{ url('help_agreement') }}">利用規約</a></li>
  288.                         <li><a href="{{ url('help_privacy') }}">個人情報保護方針</a></li>
  289.                         <li><a href="{{ url('help_tradelaw') }}">特定商取引法について</a></li>
  290.                     </ul>
  291.                 </div>
  292.                 <!-- /MENU -->
  293.                 <!-- MYPAGE=MENU -->
  294.                 <div class="footer-mainMyMenu">
  295.                     <a href="{{ url('mypage') }}" class="itemBtn itemBtn-my"><span class="itemBtnInner">マイページ</span></a>
  296.                     <a href="{{ url('cart') }}" class="itemBtn itemBtn-cart"><span class="itemBtnInner">カート</span></a>
  297.                 </div>
  298.                 <!-- /MYPAGE=MENU -->
  299.             </div>
  300.             <!-- /FOOTER-MAIN-LOGO&MENU -->
  301.             <!-- FOOTER-MAIN-SUB -->
  302.             <div class="footer-mainSubWrap">
  303.                 <a href="http://kaorime.co.jp/" class="item-siteBtn" target="_blank">公式サイト</a>
  304.             </div>
  305.             <!-- /FOOTER-MAIN-SUB -->
  306.         </div>
  307.         <!-- COPYRIGHT -->
  308.         <p class="footer-mainCopyright">© Kaorimehonnpo Co.,Ltd. All Rights Reserved.</p>
  309.         <!-- /COPYRIGHT -->
  310.     </div>
  311.     <!-- /FOOTER-MAIN -->
  312. </footer>
  313. <!-- /FOOTER -->
  315. <!-- PAGE TOP BTN -->
  316. <div class="pageTop-box">
  317.     <div id="pageTop" class="pageTop">
  318.       <span class="pageTopInner">
  319.         <img src="{{asset('assets/img/common/btn_pgtop.png')}}" alt="ページトップに戻る" class="imgFit">
  320.       </span>
  321.     </div>
  322. </div>
  323. <!-- /PAGE TOP BTN -->
  325. {% include('@common/lang.twig') %}
  327. <!-- JS -->
  328. <script src="{{asset('assets/js/swiper/swiper-bundle.min.js')}}"></script>
  329. <script src="{{asset('assets/js/slick/slick.min.js')}}"></script>
  330. <script src="{{asset('assets/js/animation.js')}}"></script>
  331. <script src="{{asset('assets/js/common_navigation.js')}}"></script>
  332. <script src="{{asset('assets/js/common.js')}}"></script>
  333. <script src="{{ asset('assets/js/function.js') }}"></script>
  334. <script src="{{ asset('assets/js/eccube.js') }}"></script>
  335. {% block javascript %}{% endblock %}
  336. {# Layout: CLOSE_BODY_BEFORE #}
  337. {% if Layout.CloseBodyBefore %}
  338.     {{ include('block.twig', {'Blocks': Layout.CloseBodyBefore}) }}
  339. {% endif %}
  340. {# プラグイン用Snippet #}
  341. {% if plugin_snippets is defined %}
  342.     {{ include('snippet.twig', { snippets: plugin_snippets }) }}
  343. {% endif %}
  345. <script src="{{ asset('assets/js/customize.js', 'user_data') }}"></script>
  346. <!-- /JS -->
  347. </body>
  349. </html>