app/template/default/Help/guide.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block main %}
  14.     
  15. <div class="ec-productRole">
  16.         <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
  17.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  18.                 <a itemprop="item" href="{{ url('homepage') }}">
  19.                     <span itemprop="name">TOP</span>
  20.                 </a>
  21.                 <meta itemprop="position" content="1" />
  22.             </li>
  23.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  24.                 <a itemprop="item" href="{{ url('help_guide') }}">
  25.                     <span itemprop="name">ご利用ガイド</span>
  26.                 </a>
  27.                 <meta itemprop="position" content="2" />
  28.             </li>
  29.         </ol>
  30.         </div>
  31.     <div class="ec-role">
  32.         <div class="ec-pageHeader">
  33.             <h1>ご利用ガイド<br><span>User Guide</span></h1>
  34.     </div>
  35.     <section class="UserGuide-section">
  36.     <div class="ec-secHeading">
  37.         <div class="ec-secHeading_back">
  38.                 <p class="outline">About Shipping</p>
  39.         </div>
  40.         <h2 class="ec-secHeading__ja">{{ '送料について'|trans }}</h2>
  41.     </div>
  42.     <p class="UserGuide-p">≪ーアトレーの送料について≫本州全域送料無料。<br>
  43.       北海道、沖縄、離島につきましては送料は変動いたしますので、お気軽にお問い合わせくださいませ。</p>
  44.       <ul class="UserGuide-contact-pc">
  45.         <li class="UserGuide-contact-pc-button ec-more__btn">
  46.           <a class="more-btn" href="{{ url('contact') }}"><img src="{{ asset('assets/img/guide/contact.png') }}" alt="コンタクト">Contact</a>
  47.         </li>
  48.         <li class="UserGuide-contact-pc-button ec-more__btn">
  49.         <a class="more-btn" href="mailto:"><img src="{{ asset('assets/img/guide/mail.png') }}" alt="コンタクト">Mail</a>
  50.         </li>
  51.         <li class="UserGuide-contact-pc-button UserGuide-tel">
  52.         <a href="tel:0532-66-5099" class="UserGuide-contact-tel-link"><i class="fa fa-phone"></i>0532-66-5099</a>
  53.         </li>
  54.       </ul>
  55.       
  56.       <div class="UserGuide-tell-sp ec-more__btn">
  57.         <a href="tel:0532-66-5099" class="UserGuide-contact-tel-link more-btn"><i class="fa fa-phone"></i>0532-66-5099</a>
  58.       </div>
  59.       <!--ここまで-->
  60.     </section>
  61.     <section class="UserGuide-section">
  62.     <div class="ec-secHeading">
  63.         <div class="ec-secHeading_back">
  64.                 <p class="outline">Payments</p>
  65.         </div>
  66.         <h2 class="ec-secHeading__ja">{{ 'お支払方法について'|trans }}</h2>
  67.     </div>
  68.       <p class="UserGuide-p">次の決済方法が利用できます</p>
  69.       <ul class="UserGuide-pay-list">
  70.       <li class="UserGuide-pay">
  71.         <div class="UserGuide-pay_border">クレジットカード</div>
  72.         <img src="{{ asset('assets/img/guide/cord.png') }}" alt="VISA MasterCard AMERICANEXPRESS">
  73.       </li>
  74.       <li class="UserGuide-pay">
  75.         <div class="UserGuide-pay_border" >キャリア決済</div>
  76.         <img src="{{ asset('assets/img/guide/carrier.png') }}" alt="docomo au SoftBank UQmobile Ymobaile">
  77.       </li>
  78.       <li class="UserGuide-pay">
  79.         <div class="UserGuide-pay_border">銀行振込</div>
  80.         <img src="{{ asset('assets/img/guide/bank.png') }}" alt="三井住友銀行">
  81.       </li>
  82.       <li class="UserGuide-pay">
  83.         <div class="UserGuide-pay_border">コンビニ決済・pay-easy</div>
  84.         <img src="{{ asset('assets/img/guide/convenience.png') }}" alt="ローソン ファミリーマート ミニストップ セイコーマート Pay-easy">
  85.       </li>
  86.       <li class="UserGuide-pay">
  87.         <div class="UserGuide-pay_border">Amazon Pay</div>
  88.         <img src="{{ asset('assets/img/guide/pay.png') }}" alt="Amazon pay">
  89.       </li>
  90.       <li class="UserGuide-pay">
  91.         <div class="UserGuide-pay_border">PayPal</div>
  92.         <img src="{{ asset('assets/img/guide/paypal.png') }}" alt="PayPal">
  93.       </li>
  94.       </ul>
  95.       </section>
  96.     </div>
  97.     
  99.     <div class="ec-fv__bottom sp">
  100.         <ul class="ec-fv__bottom_lists">
  101.             <li class="ec-fv__bottom_list">
  102.                 <a href="tel:">
  103.                     <i class="ec-fv__itemIcon fa fa-phone fa-flip-horizontal"></i>
  104.                     電話</a>
  105.             </li>
  106.             <li class="footer_border"></li>
  107.             <li class="ec-fv__bottom_list">
  108.                 <a href="{{ url('mypage_favorite') }}">
  109.                     <i class="ec-fv__itemIcon fas fa-heart fa-fw"></i>お気に入り</a>
  110.             </li>
  111.             <li class="footer_border"></li>
  112.             <li class="ec-fv__bottom_list">
  113.                 <a href="{{ url('cart') }}">
  114.                     <i class="ec-fv__itemIcon fas fa-shopping-cart"></i>カート</a>
  115.             </li>
  116.         </ul>
  117.     </div>
  118. {% endblock %}