app/template/default/faq.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. {% set body_class = 'front_page' %}
  15. {% block stylesheet %}
  16. <link rel="stylesheet" href="{{ asset('assets/css/pages/faq.css') }}">
  17. {% endblock %}
  19. {% block javascript %}
  21. {% endblock javascript %}
  23. {% block breadcrumb %}
  24.     <div class="breadcrumb-root">
  25.         <div class="breadcrumb-wrapper container">
  26.             <ul>
  27.                 <li>
  28.                     <a href="{{ url('homepage') }}">
  29.                         トップ
  30.                     </a>
  31.                     <svg width="5" height="8" viewbox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  32.                         <path d="M0.90918 1L3.63645 4L0.90918 7" stroke="#1A1A1A" stroke-linecap="round" stroke-linejoin="round"/>
  33.                     </svg>
  34.                     <span>
  35.                         よくあるご質問
  36.                     </span>
  37.                 </li>
  38.             </ul>
  39.         </div>
  40.     </div>
  41. {% endblock %}
  42. {% block main %}
  43.     <div class="xs-gutter">
  44.         <h2 class="product-list-page-title">
  45.             よくあるご質問
  46.         </h2>
  47.     </div>
  48.     <!-- ─── 上位カテゴリの目次 ─── -->
  49.     <div class="xs-gutter">
  50.     <ul class="faq-nav">
  51.         <li><a href="#pre-order">在庫や納期、注文前の商品に関するご質問</a></li>
  52.         <li><a href="#post-order">注文後の商品に関するご質問</a></li>
  53.         <li><a href="#receipt">領収書を発行して欲しい</a></li>
  54.         <li><a href="#estimate">まとめて見積依頼をしたい</a></li>
  55.     </ul>
  56.     <div>
  58.     <section id="pre-order" class="faq-block xs-gutter">
  59.     <h3 class="faq-block__heading">注文前のよくあるご質問</h2>
  61.     <!-- 注文前のよくある質問 -->
  62.     <details class="faq-item">
  63.       <summary>
  64.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  65.         在庫·納期が知りたい
  66.       </summary>
  67.       <div class="faq-item__body">
  68.         <span class="faq-item__icon faq-item__icon--a">A</span>
  69.         <p>
  70.         商品ページの「在庫数 残り○○」と表示の有る商品は、弊社在庫の数量です。<br>
  71.         商品ページに「在庫数 残り○○」と記載のない商品はメーカー取り寄せ品です。<br>
  72.         商品、数量により納期が変わります。
  73.         </p>
  74.       </div>
  75.     </details>
  77.     <details class="faq-item">
  78.       <summary>
  79.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  80.         商品の事が知りたい
  81.       </summary>
  82.       <div class="faq-item__body">
  83.         <span class="faq-item__icon faq-item__icon--a">A</span>
  84.         <p>
  85.         商品仕様、サイズ違いの商品があるのか等ご質問ください。
  86.         </p>
  87.       </div>
  88.     </details>
  90.     <details class="faq-item">
  91.       <summary>
  92.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  93.         希望する商品が見つからない
  94.       </summary>
  95.       <div class="faq-item__body">
  96.         <span class="faq-item__icon faq-item__icon--a">A</span>
  97.         <p>
  98.         当SHOPのページに載っていない商品も、お調べいたします。
  99.         </p>
  100.       </div>
  101.     </details>
  103.     <details class="faq-item">
  104.       <summary>
  105.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  106.         まとめて見積依頼
  107.       </summary>
  108.       <div class="faq-item__body">
  109.         <span class="faq-item__icon faq-item__icon--a">A</span>
  110.         <p>
  111.         物件見積もりや、案件見積もりのご依頼もお受けしております。<br>
  112.         新築照明一式等、ご対応させていただきます。
  113.         </p>
  114.       </div>
  115.     </details>
  116.   </section>
  118.     <!-- 注文後のよくある質問 -->
  119.     <section id="post-order" class="faq-block">
  120.     <h3 class="faq-block__heading">注文後のよくあるご質問</h2>
  122.     <details class="faq-item">
  123.       <summary>
  124.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  125.         注文した商品の納期が知りたい
  126.       </summary>
  127.       <div class="faq-item__body">
  128.         <span class="faq-item__icon faq-item__icon--a">A</span>
  129.         <p>
  130.         ご注文後の納期についてお調べいたします。<br>
  131.         「ご注文番号：〇〇〇」をご記入の上、<a href="/contact">お問い合わせフォーム</a>よりお問い合わせ下さい。
  132.         </p>
  133.       </div>
  134.     </details>
  136.     <details class="faq-item">
  137.       <summary>
  138.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  139.         領収書の発行について
  140.       </summary>
  141.       <div class="faq-item__body">
  142.         <span class="faq-item__icon faq-item__icon--a">A</span>
  143.         <p>
  144.         当店は適格請求書発行事業者です。
  145.         <a href="#receipt">領収書発行について</a>をご覧ください
  146.         </p>
  147.       </div>
  148.     </details>
  150.     <details class="faq-item">
  151.       <summary>
  152.         <span class="faq-item__icon faq-item__icon--q">Q</span>
  153.         注文した商品の納期が知りたい
  154.       </summary>
  155.       <div class="faq-item__body">
  156.         <span class="faq-item__icon faq-item__icon--a">A</span>
  157.         <p>
  158.         ご注文後の納期についてお調べいたします。<br>
  159.         「ご注文番号：〇〇〇」をご記入の上、<a href="/contact">お問い合わせフォーム</a>よりお問い合わせ下さい。
  160.         <p>
  161.       </div>
  162.     </details>
  164.     <!-- … -->
  165.     <div class="faq-block__cta">
  166.       <a href="/contact" class="faq-btn faq-btn--primary">お問い合わせ</a>
  167.     </div>
  168.   </section>
  170.   <section id="receipt" class="faq-block">
  171.     <h3 class="faq-block__heading">領収書の発行について</h2>
  173.     <div class="two-col">
  174.       <figure class="two-col__media">
  175.         <figcaption>【請求書兼 領収書サンプル】</figcaption>
  176.         <img src="{{ asset('assets/img/faq/sample_receipt.png', 'user_data') }}" alt="領収書サンプル">
  177.       </figure>
  179.       <div class="two-col__text">
  180.         <h4><span>インボイス対応について</span></h4>
  181.         <p>
  182.           当SHOP「電材BlueWood」は適格請求書発行事業者でございます。<br>
  183.           登録番号 ： T4180001024571
  184.         </p>
  185.         <p>
  186.           ご希望でございましたら、上記形式の「請求書兼領収書」を発行いたします。<br>
  187.           その際は1度のみの発行となりますので、お名前のご指示お願いいたします。
  188.         </p>
  189.         <a href="/contact" class="faq-btn faq-btn--secondary">領収書発行フォームへ</a>
  190.       </div>
  191.     </div>
  192.   </section>
  194.   <!-- ─────────────────── -->
  195.   <!--　    まとめて見積依頼　    -->
  196.   <!-- ─────────────────── -->
  197.   <section id="estimate" class="faq-block">
  198.     <h3 class="faq-block__heading">まとめて見積依頼について</h2>
  200.     <div class="two-col">
  201.       <figure class="two-col__media">
  202.         <figcaption>【まとめて見積依頼書テンプレートサンプル】</figcaption>
  203.         <img src="{{ asset('assets/img/faq/sample_estimate.png', 'user_data') }}" alt="見積依頼書テンプレート" />
  204.       </figure>
  206.       <div class="two-col__text">
  207.         <h4><span>まとめて見積依頼の流れ</span></h4>
  208.         <p>
  209.           <a href="{{ asset('assets/img/faq/estimate_template.xlsx', 'user_data') }}" class="link-dl">
  210.             <span class="link-dl-icon">
  211.               <img src="{{ asset('assets/img/file-arrow-down.svg', 'user_data') }}" alt="ダウンロード" />
  212.             </span>
  213.             <span>まとめて見積依頼書 <br class="sp-block">テンプレートダウンロード</span>
  214.           </a>
  215.         </p>
  216.         <ol class="steps">
  217.           <li>上記、<strong>見積依頼書</strong>をダウンロードしご記入ください。</li>
  218.           <li>下記、<strong>見積依頼フォーム</strong>よりお問い合せください。</li>
  219.           <li>当社より1営業日以内にメール回答いたします。</li>
  220.           <li>当店よりのメールに、見積依頼書を添付し送信していただく。</li>
  221.           <li>当店にて見積もりを回答させていただきます。</li>
  222.         </ol>
  223.         <a href="/contact" class="faq-btn faq-btn--secondary">まとめて見積依頼フォームへ</a>
  224.       </div>
  225.     </div>
  226.   </section>
  227. {% endblock %}