# Patrones de Producción Patrones reales usados en módulos y secciones generales de producción. Usar como referencia al crear nuevos módulos. --- ## Patrón 1: Cabecera de Sección (Pretítulo + Título + Subtítulo) Bloque de cabecera con colores y alineación configurables. Casi todos los módulos lo usan: ```html
{% if titulo %}
{% endif %}
``` --- ## Patrón 2: Layout Zigzag/Ajedrez (Imagen + Texto alternado) Usa `loop.index is odd/even` para alternar: ```html

  • {{ record.titulobloque | raw }}

    {{ record.textobloque | raw }}
    {{ record.enlacebloque_anchor }}
    • ``` --- ## Patrón 3: Acordeón FAQ ```html
  • {{ loop.index }}.
    • ``` JavaScript para toggle: ```javascript document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".faq-page").forEach(faq => { faq.addEventListener("click", function () { const body = faq.nextElementSibling; const isActive = faq.classList.toggle("active"); body.classList.toggle("hidden", !isActive); AOS.refresh(); }); }); }); ``` --- ## Patrón 4: Formulario de Contacto Completo ```html {% set imagen = '' %} {% set gracias = 'apartados' | get('num = 20').0 %}
    ``` --- ## Patrón 5: Compartir en Redes Sociales ```html ``` --- ## Patrón 6: Sección General — Detalle de Producto ```html
    {{ thisrecord.name }}

    {{ thisrecord.name }}

    {{ thisrecord.categoria_bd.0.name }}
    {{ thisrecord.precio }} €
    {{ thisrecord.precio_descuento }} €
    {{ thisrecord.precio }} €
    {{ thisrecord.descripcion | raw }}
    {{ thisrecord.name }}
    {% set productosRelacionados = 'productos' | get('categoria = ' ~ thisrecord.categoria ~ ' and num!=' ~ thisrecord.num, 'globalOrder ASC', '3') %}

    {{ 'Productos relacionados' | translate }}

    ``` --- ## Patrón 7: Galería con Carousel (modo Gallery) ```html
    ```