VÍDEO – METACAMPOS

JSON

[{“q”:”Como é o caimento desta regata?”,”a”:”Esta regata possui um caimento leve e fluido, projetado para se ajustar suavemente ao corpo sem apertar, garantindo conforto e frescor durante todo o uso.”},

{“q”:”As cores branca e bordô são fiéis às fotos?”,”a”:”Sim. A variante branca possui opacidade ideal para evitar transparências indesejadas, e o bordô apresenta um tom profundo e sofisticado, mantendo a vivacidade mesmo após várias lavagens.”},

{“q”:”Como escolher o tamanho correto?”,”a”:”Nossa tabela de medidas utiliza centímetros e foi revisada com base nos dados do fabricante. Recomendamos medir uma regata que você já possui e comparar com nossa tabela para garantir o ajuste perfeito.”}]

HTML

{% if product.metafields.custom.product_faq != blank %}
  <div class="product-faq-section" style="margin: 30px 0;">
    <h2 style="font-size: 1.5rem; margin-bottom: 15px; font-weight: 600;">Perguntas Frequentes</h2>
    
    <div class="product-faq-container">
      {% assign faqs = product.metafields.custom.product_faq.value %}
      {% for item in faqs %}
        <details style="border-bottom: 1px solid #e5e5e5; padding: 12px 0; cursor: pointer;">
          <summary style="font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem;">
            {{ item.q }}
            <span style="font-size: 1.2rem;">+</span>
          </summary>
          <div style="padding: 10px 5px 15px; color: #444; line-height: 1.5;">
            {{ item.a }}
          </div>
        </details>
      {% endfor %}
    </div>
  </div>
{% endif %}