templates/base_site/site/v3/modules/index-faq-cart.html.twig line 1

Open in your IDE?
  1. <div class="container mb-5">
  2.     <div class="row g-4 p-3 align-items-center">
  3.         <div class="customize d-flex flex-column flex-lg-row p-5 g-4 align-items-center">
  4.             <div class="row">
  5.                 <div class="col-12">
  6.                     <h2 class="fw-bold mb-3 inner-sec-title">سوالات متداول</h2>
  7.                 </div>
  8.                 <div class="col-12 w-100">
  9.                     <section id="faq" class="py-5 w-100">
  10.                         <div class="container  w-100">
  11.                             <div class="accordion  w-100 bg-none" style="background-color: transparent!important;"
  12.                                  id="faqAccordion">
  14.                                 {% set faqs = [
  15.                                     {
  16.                                         question: "آیا برای استفاده از سایت‌ساز نیاز به دانش برنامه‌نویسی دارم؟",
  17.                                         answer: "خیر، همه چیز به صورت Drag & Drop و آماده است. بدون هیچ دانش کدنویسی می‌توانید سایت یا فروشگاه خودتان را بسازید."
  18.                                     },
  19.                                     {
  20.                                         question: "آیا هاست و دامنه هم شامل پلن‌ها می‌شود؟",
  21.                                         answer: "بله، تمام سایت‌ها روی هاست سریع و امن ما میزبانی می‌شوند. همچنین می‌توانید دامنه اختصاصی خودتان را متصل کنید."
  22.                                     },
  23.                                     {
  24.                                         question: "چطور می‌توانم درگاه پرداخت به سایتم اضافه کنم؟",
  25.                                         answer: "فقط با چند کلیک در تنظیمات فروشگاه، می‌توانید درگاه‌های پرداخت ایرانی مثل زرین‌پال یا آی‌دی‌پی را متصل کنید."
  26.                                     },
  27.                                     {
  28.                                         question: "آیا امکان ارتقا پلن وجود دارد؟",
  29.                                         answer: "بله، هر زمان بخواهید می‌توانید با پرداخت مابه‌التفاوت پلن خود را ارتقا دهید."
  30.                                     },
  31.                                     {
  32.                                         question: "پشتیبانی شما به چه صورت است؟",
  33.                                         answer: "تیم پشتیبانی ما از طریق تیکت، چت آنلاین و تلگرام به صورت ۲۴/۷ پاسخگوی شما خواهد بود."
  34.                                     }
  35.                                 ] %}
  37.                                 {% for faq in faqs %}
  38.                                     <div class="accordion-item" style="background-color: transparent!important;">
  39.                                         <h2 class="accordion-header" style="background-color: transparent!important;"
  40.                                             id="heading{{ loop.index }}">
  41.                                             <button class="accordion-button  {{ not loop.first ? 'collapsed' }}"
  42.                                                     style="background-color: transparent!important;"
  43.                                                     type="button"
  44.                                                     data-bs-toggle="collapse"
  45.                                                     data-bs-target="#collapse{{ loop.index }}"
  46.                                                     aria-expanded="{{ loop.first ? 'true' : 'false' }}"
  47.                                                     aria-controls="collapse{{ loop.index }}">
  48.                                                 {{ faq.question }}
  49.                                             </button>
  50.                                         </h2>
  51.                                         <div id="collapse{{ loop.index }}"
  52.                                              style="background-color: transparent!important;"
  53.                                              class="accordion-collapse collapse {{ loop.first ? 'show' }}"
  54.                                              aria-labelledby="heading{{ loop.index }}"
  55.                                              data-bs-parent="#faqAccordion">
  56.                                             <div class="accordion-body">
  57.                                                 {{ faq.answer }}
  58.                                             </div>
  59.                                         </div>
  60.                                     </div>
  61.                                 {% endfor %}
  63.                             </div>
  64.                         </div>
  65.                     </section>
  67.                 </div>
  68.             </div>
  71.         </div>
  72.     </div>
  73. </div>
  74. <style>
  75.     .accordion-item {
  76.         border: none !important;
  77.     }
  79.     .accordion-button:focus {
  80.         border: none !important;
  81.     }
  84.     .accordion-button:focus {
  85.         box-shadow: none !important; /* حذف هاله آبی */
  86.         border-color: transparent !important; /* حذف خط دور */
  87.         outline: 0 !important;
  88.     }
  90.     .accordion-item {
  91.         border: none !important;
  92.     }
  94.     .accordion-button:not(.collapsed) {
  95.         box-shadow: none !important;
  96.     }
  98.     .accordion-button {
  99.         text-align: right !important;
  100.     }
  101. </style>