Saltar al contenido principal

Override de secciones Dawn

Gracias al sistema de overlay de 4 capas, tu tema puede reemplazar cualquier sección de Dawn creando un archivo con el mismo nombre. No necesitas copiar Dawn completo.

Cómo funciona el override​

Cuando el motor busca sections/hero.html:

  1. Busca en themes/<tu-tema>/sections/hero.html
  2. Si existe → la usa (override)
  3. Si no existe → busca en themes/dawn/sections/hero.html
  4. Si no existe → busca en themes/_base/sections/hero.html

Tu tema gana siempre que tenga un archivo con el mismo path.

Ejemplo: override de la sección banner​

Si Dawn tiene dawn/sections/banner.html con 500 líneas de código, y tu tema solo necesita cambiar el layout:

  1. Crea themes/mi-tema/sections/banner.html
  2. Copia o escribe tu versión
  3. El motor usa tu versión automáticamente
<!-- themes/mi-tema/sections/banner.html -->
{{ define "sections/banner" }}
<section class="mi-banner">
  <div class="mi-banner__content">
    <h1>{{ .section.title }}</h1>
    {{ if .section.image_url }}
      <img src="{{ .section.image_url }}" alt="{{ .section.title }}">
    {{ end }}
  </div>
</section>
{{ end }}

Override de snippets​

El mismo principio aplica a snippets:

<!-- themes/mi-tema/snippets/product-card.html -->
<!-- Override del product-card de _base -->
<div class="mi-product-card">
  <h3>{{ product.title }}</h3>
  <span class="price">{{ product.price | money }}</span>
</div>

Override de templates​

Para cambiar la estructura completa de una página:

themes/mi-tema/templates/product.html  ← override de dawn/templates/product.html

Cuándo overridear vs cuándo usar variantes​

SituaciónEstrategia
Cambiar colores, tipografía, espaciadoConfiguración — usa settings del visual editor
Cambiar el layout de una secciónVariante — agrega una nueva variante con variant_id
Reemplazar completamente una secciónOverride — crea el archivo con el mismo nombre
Agregar una sección nuevaNueva sección — crea un archivo nuevo en sections/

Cuidados​

  • No modifiques _base/ ni _platform/ — son compartidos entre todos los temas
  • Si overrideas una sección, pierdes las actualizaciones futuras de Dawn para esa sección
  • Usa variantes cuando sea posible — mantienes la compatibilidad con actualizaciones
  • Testea en el preview antes de publicar — verifica que el template compila