Enlace alternativo cuando el FAB está desactivado

Por qué es obligatorio

El GDPR Art. 7(3) establece que el usuario debe poder retirar su consentimiento en cualquier momento, de forma tan sencilla como lo dio. El botón flotante (FAB) es el mecanismo principal que ofrece Consentiam para esto.

Cuando el FAB se desactiva desde el dashboard (floatingButton.enabled = false), tu sitio debe incluir un enlace alternativo para no incumplir la normativa.

Dos patrones de implementación

Hay dos formas de implementar el enlace. Elige según el tipo de sitio:

<a href="#" onclick="event.preventDefault();window.__TI_OPEN_PREFS__&&window.__TI_OPEN_PREFS__()">
  Configurar cookies
</a>

<a href="#open-cookie-prefs">Configurar cookies</a>

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('a[href="#open-cookie-prefs"]').forEach(function(btn) {
    btn.addEventListener('click', function(e) {
      e.preventDefault();
      if (window.__TI_OPEN_PREFS__) {
        window.__TI_OPEN_PREFS__();
      }
    });
  });
});
</script>

Compatibilidad por plataforma

Dónde NO pegar el JavaScript del Paso 2

El JavaScript del Patrón B (Paso 2) cambia según el archivo de destino. Pegarlo en el sitio equivocado rompe el listener silenciosamente:

Uncaught SyntaxError: Unexpected token '<'

Cuidado con el nombre __TI_OPEN_PREFS__

El identificador correcto es __TI_OPEN_PREFS__ con dos guiones bajos delante y dos guiones bajos detrás (cuatro en total).

Algunos editores (autocompletado, linters, "correctores") recortan los guiones a uno o cero. Variantes incorrectas que no funcionan:

• _TI_OPEN_PREFS_ — un guion delante, uno detrás
• _TI_OPEN_PREFS — un guion delante, ninguno detrás
• TI_OPEN_PREFS_ — ninguno delante, uno detrás
• TI_OPEN_PREFS — sin guiones

Caso específico: PrestaShop multidioma

PrestaShop tiene restricciones específicas que obligan a usar el Patrón B:

Implementación recomendada

1. Script en el footer del tema

Archivo: /themes/[nombre-tema]/templates/_partials/footer.tpl

Justo antes del cierre </footer>, después del último bloque {/literal} existente:

{* Consentiam - Abre el panel de preferencias de cookies *}
{literal}
<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('a[href="#open-cookie-prefs"]').forEach(function(btn) {
    btn.addEventListener('click', function(e) {
      e.preventDefault();
      if (window.__TI_OPEN_PREFS__) {
        window.__TI_OPEN_PREFS__();
      }
    });
  });
});
</script>
{/literal}

2. Enlace en el módulo Custom Links del footer

Módulo: stmultilink (Custom Links de SUNNYTOO) u otro de gestión de enlaces del footer. Configuración del link item:

• Link: #open-cookie-prefs (siempre igual, independiente del idioma)
• Label ES: MODIFICAR CONSENTIMIENTO
• Label EN: MANAGE COOKIE PREFERENCES
• Label FR: MODIFIER LES PRÉFÉRENCES
• Status: Enabled

Verificación con DevTools

Si tras pegar el script el enlace sigue sin funcionar, abre DevTools (F12) y:

1. Consola — busca errores rojos

2. Llamada manual desde la consola

Escribe en la consola y pulsa Enter:

window.__TI_OPEN_PREFS__()

• Si abre el panel de preferencias: el banner funciona, el problema está en tu script o el enlace.
• Si da error is not a function: el banner Consentiam no se ha cargado, revisa el snippet de instalación.

3. Inspecciona el enlace

En DevTools → Elements, busca tu <a href="#open-cookie-prefs">. Comprueba que no tiene onclick propio que pueda estar interfiriendo:

<a href="#open-cookie-prefs">MODIFICAR CONSENTIMIENTO</a>