index.html.twig

{% extends '@SyliusShop/layout.html.twig' %}

{% import '@SyliusUi/Macro/messages.html.twig' as messages %}

{% block content %}
    <div class="ui stackable grid segment">
        <div id="bitbag-faqs" class="ui sixteen wide column">
            {% if resources|length > 0 %}
                <div class="ui one column stackable grid">
                    {% for frequentlyAskedQuestion in resources %}
                        <div class="bitbag-frequently-asked-question">
                            {% include '@BitBagSyliusCmsPlugin/Shop/FrequentlyAskedQuestion/Index/_show.html.twig' %}
                        </div>
                    {% endfor %}
                </div>
            {% else %}
                {{ messages.info('sylius.ui.no_results_to_display') }}
            {% endif %}
        </div>
    </div>
    
    {% if resources|length > 0 %}
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [
            {% for frequentlyAskedQuestion in resources %}
                {
                    "@type": "Question",
                    "name": "{{ frequentlyAskedQuestion.question }}",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "{{ frequentlyAskedQuestion.answer|striptags|escape }}"
                    }
                }{% if not loop.last %},{% endif %}
            {% endfor %}
          ]
        }
        </script>
    {% endif %}
{% endblock %}