custom/plugins/LDSFaq/src/Resources/views/storefront/element/cms-element-faq.html.twig line 1

Open in your IDE?
  1. {% block element_faq %}
  2.     <div class="cms-element-faq" style="height: 100%; width: 100%">
  4.         {% block element_faq_image_inner %}
  5.             <div class="cms-el-faq">                
  6.                 <div id="accordion{{element.id|slice(1, 4)}}" class="accordion" {% if element.config.columnsCount.value > 1 %}style="column-count:{{element.config.columnsCount.value}}"{% endif %}>
  7.                     {% for n in range(1, element.config.questionsCount.value) %}
  8.                         <div class="card">
  9.                             <div class="card-header" id="heading{{ n }}">
  10.                                 <h5 class="mb-0">
  11.                                     <button class="btn btn-link {% if( not (n==1 and element.config.opentheFirst.value)) %}collapsed{% endif %}" data-toggle="collapse" data-target="#collapse{{ n }}{{element.id|slice(1, 4)}}" aria-expanded="true" aria-controls="collapse{{ n }}{{element.id|slice(1, 4)}}">
  12.                                         {{element.config["q"~n~"Text"].value}}
  13.                                     </button>
  14.                                 </h5>
  15.                             </div>
  16.                             <div id="collapse{{ n }}{{element.id|slice(1, 4)}}" class="collapse {% if( n==1 and element.config.opentheFirst.value) %}show{% endif %}" aria-labelledby="heading{{ n }}" data-parent="#accordion{{element.id|slice(1, 4)}}">
  17.                                 <div class="card-body p-4">
  18.                                     {{element.config["a"~n~"Text"].value|raw}}
  19.                                 </div>
  20.                             </div>
  21.                         </div>
  22.                     {% endfor %}
  23.                 </div>
  24.             </div>
  25.             
  26.         {% endblock %}
  27.         {% block element_faq_rich_snippets %}
  28.             {% if element.config.richsnippet.value %}
  29.                 <script type="application/ld+json">
  30.                 {
  31.                 "@context": "https://schema.org",
  32.                 "@type": "FAQPage",
  33.                 "mainEntity": [
  34.                 {% for n in range(1, element.config.questionsCount.value) %}
  35.                     {
  36.                         "@type": "Question",
  37.                         "name": "{{element.config["q"~n~"Text"].value}}",
  38.                         "acceptedAnswer": {
  39.                         "@type": "Answer",
  40.                         "text": "{{element.config["a"~n~"Text"].value}}"
  41.                         }
  42.                     }{% if element.config.questionsCount.value != n %},{% endif %}
  43.                 {% endfor %}
  44.                 ]
  45.                 }
  46.                 </script>
  47.             {% endif %}
  48.         {% endblock %}
  50.         
  51.     </div>
  53.     
  54. {% endblock %}