Why aren't FAQ answers displaying on my product page?

Technical Q&A
1

Hello and good day everyone. I am a new fellow user of Shopify.

So I am using the Launch theme. I created a module-faq by hura to insert into my product page. The issue is that my FAQ module is working fine on the homepage, however when inserted into the product.liquid file. It works by only showing the question, but when the answer is supposed to be displayed, it doesn’t work. I have attached both code and SS of the issue. Any solutions?

Screenshot:

Product page:

Screenshot 2021-08-16 140359.png
Screenshot 2021-08-16 140359.png1047×703 34.7 KB

Homepage:

Untitled.png
Untitled.png1152×822 45.9 KB

section-hura-faq.liquid:

{%- if  section.blocks.size > 0 -%}

  
  

    ### {{section.settings.title}}
    {% if section.settings.sub-title != blank %}
    ### *{{section.settings.sub-title}}*
    {% endif %}
    

  
  
  {% for block in section.blocks %}
  {{block.settings.question}}

  
    

{{block.settings.answer}}

  

  {% endfor %}
  

Powered by Activione

 

 

{%- endif -%}
 
{% schema %}
  {
    "name": "faq",
    "settings": [
      {
        "type": "text",
        "id": "title",
        "label": "Title",
        "default": "Frequently Asked Questions"
      },
{
        "type": "text",
        "id": "sub-title",
        "label": "Sub Title"
      }
    ],
 "blocks": [
    {
      "type": "text",
      "name": "Question",
      "settings": [
        {
          "id": "question",
          "type": "text",
         "label": "Question"
        },
{
          "id": "answer",
          "type": "text",
         "label": "Answer"
        }
        
      ]
    }
],
    "presets": [
      {
        "name": "FAQ",
        "category": "Custom",
        "settings": {
 
        }
      }
    ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

product.liquid:

{% section 'template-product' %}

{% if product.handle == settings.featured-product-main %}
  {% assign used_product_focus = false %}
  {% assign used_technical_specifications = false %}
  {% assign module_1 = settings.product_module_1 %}
  {% assign module_2 = settings.product_module_2 %}
{% section 'module-alternating-content' %}
{% if module_2 == 'module-product-focus' and used_product_focus == false %}
      {% section 'module-product-focus' %}
    {% endif %}
  {% if module_1 != 'none' %}
    {% if module_1 == 'module-technical-specifications' %}
      {% section 'module-technical-specifications' %}
      {% assign used_technical_specifications = true %}
    {% endif %}

    {% if module_1 == 'module-product-focus' %}
      {% section 'module-product-focus' %}
      {% assign used_product_focus = true %}
    {% endif %}
  {% endif %}

  {% if module_2 != 'none' %}
    {% if module_2 == 'module-technical-specifications' and used_technical_specifications == false %}
      {% section 'module-technical-specifications' %}
    {% endif %}

    
  {% endif %}
{% endif %}
{% section 'module-alternating-content2' %}
{% section 'section-hura-faq' %}
{% section 'module-related-products' %}

PS: It does not matter where I put the “{% section ‘section-hura-faq’ %}” The issue is the same anywhere placed.

Any help or solutions are kindly appreciated!

2

Hi @nidushan

I’m Kiet. I’ve written this guide on Hura Tips: https://www.huratips.com/tech-tips/how-to-add-a-faq-section-to-your-shopify-home-page.html.

In file section-hura-faq.liquid, please find the line

and change to

I hope it’s helpful to you.