Data Hero System

El wipe del header se gobierna marcando secciones con data-hero.

Archivo clave del runtime:

• wp-content/themes/balinot-child/assets/js/theme.js

Estados soportados:

• sin valor: alterna automaticamente fill y clear por tramos
• data-hero=“fill”: fuerza tramo relleno
• data-hero=“clear”: fuerza tramo transparente

Logica real:

function getHeaderWipeTargetState(hero, fallbackState) {
    const rawValue = (hero.getAttribute("data-hero") || "").trim().toLowerCase();
 
    if (["fill", "filled", "solid", "dark", "black", "on", "1"].includes(rawValue)) {
        return 1;
    }
 
    if (["clear", "transparent", "reset", "off", "0"].includes(rawValue)) {
        return 0;
    }
 
    return fallbackState;
}

Desactivacion automatica:

• si el body lleva balinot-header-static-white, el wipe se apaga
• esa clase la inyecta el parent en contextos Woo como shop, single, cart, checkout o account

Consejo de maquetacion:

• marca solo secciones que realmente deban gobernar el header
• si una pagina ya usa header blanco fijo, no fuerces data-hero por encima