Preguntas frecuentes

{%- style -%} #shopify-section-{{ section.id }} { --faq-bg: {{ section.settings.bg_color }}; --faq-card-bg: {{ section.settings.card_bg_color }}; --faq-card-radius: {{ section.settings.card_radius }}px; --faq-heading: {{ section.settings.heading_color }}; --faq-question: {{ section.settings.question_color }}; --faq-answer: {{ section.settings.answer_color }}; --faq-divider: {{ section.settings.divider_color }}; --faq-icon: {{ section.settings.icon_color }}; } #shopify-section-{{ section.id }} .faq-section { background: var(--faq-bg); padding-top: {{ section.settings.padding_superior_movil }}px; padding-bottom: {{ section.settings.padding_inferior_movil }}px; } @media screen and (min-width: 750px) { #shopify-section-{{ section.id }} .faq-section { padding-top: {{ section.settings.padding_superior }}px; padding-bottom: {{ section.settings.padding_inferior }}px; } } #shopify-section-{{ section.id }} .faq-inner { max-width: 860px; margin-inline: auto; padding-inline: clamp(1.6rem, 4vw, 4.8rem); } #shopify-section-{{ section.id }} .faq-card { background: var(--faq-card-bg); border-radius: var(--faq-card-radius); padding: clamp(24px, 4vw, 40px); } #shopify-section-{{ section.id }} .faq-heading { font-size: clamp(22px, 2.6vw, 28px); font-weight: 700; color: var(--faq-heading); margin: 0 0 8px; } #shopify-section-{{ section.id }} .faq-subheading { font-size: 14px; color: var(--faq-answer); margin: 0 0 20px; } #shopify-section-{{ section.id }} .faq-item { border-top: 1px solid var(--faq-divider); padding: 20px 0; } #shopify-section-{{ section.id }} .faq-item:last-child { padding-bottom: 4px; } #shopify-section-{{ section.id }} .faq-item__summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; list-style: none; } #shopify-section-{{ section.id }} .faq-item__summary::-webkit-details-marker { display: none; } #shopify-section-{{ section.id }} .faq-item__question { font-size: 16px; font-weight: 700; color: var(--faq-question); } #shopify-section-{{ section.id }} .faq-item__icon { flex: 0 0 auto; width: 16px; height: 16px; color: var(--faq-icon); transition: transform .25s ease; } #shopify-section-{{ section.id }} .faq-item[open] .faq-item__icon { transform: rotate(180deg); } #shopify-section-{{ section.id }} .faq-item__answer { font-size: 14px; line-height: 1.6; color: var(--faq-answer); margin-top: 10px; } #shopify-section-{{ section.id }} .faq-item__answer p { margin: 0 0 8px; } #shopify-section-{{ section.id }} .faq-item__answer p:last-child { margin-bottom: 0; } @media (prefers-reduced-motion: reduce) { #shopify-section-{{ section.id }} .faq-item__icon { transition-duration: .001ms; } } {%- endstyle -%}
{%- if section.settings.heading != blank -%}

{{ section.settings.heading }}

{%- endif -%} {%- if section.settings.subheading != blank -%}

{{ section.settings.subheading }}

{%- endif -%} {%- for block in section.blocks -%} {%- if block.type == 'pregunta' -%} {%- if block.settings.question != blank or block.settings.answer != blank or request.design_mode -%}
{{ block.settings.question }} {%- if block.settings.answer != blank -%}
{{ block.settings.answer }}
{%- endif -%}
{%- endif -%} {%- endif -%} {%- endfor -%}
{% schema %} { "name": "Preguntas Frecuentes", "max_blocks": 20, "settings": [ { "type": "text", "id": "heading", "label": "Título", "default": "Preguntas frecuentes" }, { "type": "text", "id": "subheading", "label": "Subtítulo (opcional)" }, { "type": "checkbox", "id": "first_item_open", "label": "Primera pregunta abierta por defecto", "default": true }, { "type": "header", "content": "Colores" }, { "type": "color", "id": "bg_color", "label": "Fondo de la sección", "default": "#FFFFFF" }, { "type": "color", "id": "card_bg_color", "label": "Fondo de la tarjeta", "default": "#E9E5DD" }, { "type": "color", "id": "heading_color", "label": "Título", "default": "#1A1A1A" }, { "type": "color", "id": "question_color", "label": "Pregunta", "default": "#1A1A1A" }, { "type": "color", "id": "answer_color", "label": "Respuesta", "default": "#4A4A4A" }, { "type": "color", "id": "divider_color", "label": "Línea divisoria", "default": "#D3CFC5" }, { "type": "color", "id": "icon_color", "label": "Icono", "default": "#1A1A1A" }, { "type": "header", "content": "Diseño" }, { "type": "range", "id": "card_radius", "min": 0, "max": 32, "step": 2, "unit": "px", "label": "Redondeo de tarjeta", "default": 20 }, { "type": "header", "content": "Espaciado escritorio" }, { "type": "range", "id": "padding_superior", "min": 0, "max": 120, "step": 4, "unit": "px", "label": "Padding superior", "default": 64 }, { "type": "range", "id": "padding_inferior", "min": 0, "max": 120, "step": 4, "unit": "px", "label": "Padding inferior", "default": 64 }, { "type": "header", "content": "Espaciado móvil" }, { "type": "range", "id": "padding_superior_movil", "min": 0, "max": 120, "step": 4, "unit": "px", "label": "Padding superior", "default": 40 }, { "type": "range", "id": "padding_inferior_movil", "min": 0, "max": 120, "step": 4, "unit": "px", "label": "Padding inferior", "default": 40 } ], "blocks": [ { "type": "pregunta", "name": "Pregunta", "settings": [ { "type": "text", "id": "question", "label": "Pregunta" }, { "type": "richtext", "id": "answer", "label": "Respuesta" } ] } ], "presets": [ { "name": "Preguntas Frecuentes", "blocks": [ { "type": "pregunta", "settings": { "question": "¿Cuál es el tiempo de entrega?", "answer": "

El tiempo de entrega promedio es de 5 a 10 días útiles, dependiendo de la ciudad de la que nos haces tu pedido.

" } }, { "type": "pregunta", "settings": { "question": "¿Cómo funciona la garantía?", "answer": "

Nuestra política de garantía cubre los productos dañados o defectuosos. Si desea solicitar una garantía, puede ponerse en contacto con nuestra tienda a través de nuestra dirección de correo electrónico de contacto.

" } }, { "type": "pregunta", "settings": { "question": "¿Ofrecen cambios?", "answer": "

Sí, debes comunicarte por nuestro e-mail para ayudarte a gestionar tu garantía.

" } }, { "type": "pregunta", "settings": { "question": "¿Cuáles son los métodos de pago?", "answer": "

El método de pago es en efectivo al momento de que te llegue el producto a tu vivienda ya que el pago es contraentrega.

" } }, { "type": "pregunta" }, { "type": "pregunta" }, { "type": "pregunta" }, { "type": "pregunta" } ] } ] } {% endschema %}