Cabeçalho e rodapé têm editores independentes: dá para personalizar um e manter o outro fixo.Cabeçalho: logo, busca, conta, carrinho e atalhos. Use <fz-logo>, <fz-search>, <fz-account-button>, <fz-cart-button>, <fz-social-links>.
Rodapé: newsletter somente via <fz-newsletter> (formulários próprios são bloqueados), além de <fz-payment-methods>, <fz-policy-links>, <fz-store-verification>, <fz-social-links>.
Exemplos prontos#
<header class="fz-header">
<a href="{{ link('home') }}">
<img src="{{ asset('store.logo') }}" alt="{{ store.name }}">
</a>
@if(feature('search'))
<fz-search></fz-search>
@endif
<fz-cart-button></fz-cart-button>
</header>
<header>
<nav class="fz-categories">
@foreach(categories as category)
<a href="{{ category.url }}">{{ category.name }}</a>
@endforeach
</nav>
</header>
<footer class="fz-footer">
<p>{{ store.name }} — {{ store.email }}</p>
<fz-social-links></fz-social-links>
<fz-newsletter></fz-newsletter>
<fz-payment-methods></fz-payment-methods>
<fz-store-verification></fz-store-verification>
</footer>
Rodapé mínimo#
<footer>
<small>© {{ store.name }}</small>
<ul>
<li><a href="{{ link('affiliate') }}">Afiliados</a></li>
<li><a href="{{ policy('privacy') }}">Privacidade</a></li>
</ul>
</footer>
Modificado em 2026-09-09 02:00:40