app/template/default/Faq/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE, Addition by INSPIRATION
  4. #}
  5. {% extends 'default_frame.twig' %}
  7. {% block javascript %}
  8. <script>
  9.     // 検索ボタンがクリックされたときに、検索結果ページに遷移
  10.     function redirectToSearchPage() {
  11.         const searchQuery = document.getElementById('search-box').value.trim();
  13.         // 検索ワードが入力されていない場合は遷移しない
  14.         if (searchQuery !== '') {
  15.             window.location.href = `faq/result?query=${encodeURIComponent(searchQuery)}`;
  16.         } else {
  17.             alert('検索ワードを入力してください');
  18.         }
  19.     }
  20. </script>
  21. {% endblock javascript %}
  23. {% block main %}
  24.     <div class="container">
  25.         <!-- パンくずリスト -->
  26.         <nav aria-label="breadcrumb" class="my-3">
  27.             <ol class="breadcrumb">
  28.                 <li class="breadcrumb-item"><a href="{{ url('homepage') }}">ホーム</a></li>
  29.                 <li class="breadcrumb-item active" aria-current="page">よくある質問</li>
  30.             </ol>
  31.         </nav>
  32.         <div class="layout-2colmun">
  33. {{ include('Block/aside_others.twig') }}
  34.             <main class="main">
  35.                 <h1 class="fw-bold mb-5">よくある質問</h1>
  36.                 <div class="_bg-gray p-3 p-md-5 mb-5">
  37.                     <div class="fw-bold mb-3 _fs-4">キーワード検索</div>
  38.                     <div class="input-group mb-3">
  39.                         <input type="text" id="search-box" class="form-control form-control-lg" placeholder="質問を検索..." aria-label="検索">
  40.                         <button id="search-button" class="btn btn-primary btn-lg" onclick="redirectToSearchPage()">検索</button>
  41.                     </div>
  42.                 </div>
  43.                 <h2 class="fw-bold mb-3">閲覧の多いFAQ</h2>
  44.                 <div class="faq-list mb-5">
  45.                     <a href="{{ url('faq_detail', {'id': 6}) }}"><i class="icon-help"></i> すべてのボールに違う柄を印刷したい場合は？</a>
  46.                     <a href="{{ url('faq_detail', {'id': 5}) }}"><i class="icon-help"></i> プリントボールのキャンセル・返品はできますか？</a>
  47.                     <a href="{{ url('faq_detail', {'id': 9}) }}"><i class="icon-help"></i> なるべく大きく印刷して欲しいのですが。</a>
  48.                     <a href="{{ url('faq_detail', {'id': 14}) }}"><i class="icon-help"></i> いつ届きますか？</a>
  49.                     <a href="{{ url('faq_detail', {'id': 4}) }}"><i class="icon-help"></i> 領収書の発行はできますか？</a>
  50.                 </div>
  51. {% if CategoryDatas is not empty %}
  52.                 <h3 class="fw-bold mb-3">よくある質問のカテゴリー一覧</h3>
  53.                 <div class="border border-3 p-3 p-md-5 d-flex">
  54.                     <div class="row">
  55. {% for CategoryData in CategoryDatas %}
  56.                         <div class="col-lg-6 col-xl-4 mb-3"><a href="{{ url('faq_category', {'id': CategoryData.id}) }}" class="btn btn-lg btn-outline-dark py-3 w-100"><i class="icon-arrow_circle_right"></i> {{ CategoryData.title }}</a></div>
  57. {% endfor %}
  58.                     </div>
  59.                 </div>
  60. {% endif %}
  61.             </main>
  62.         </div>
  63.     </div>
  64. {% endblock %}