Este artículo también está disponible en:

Cómo solucionar que el banner quede oculto detrás de elementos del tema (nueva versión)

Descripción general

El banner se renderiza como el componente web pandectes-cmp. El CSS del tema no le da estilo de la misma forma que al elemento #pandectes-banner del banner Legacy.

Los encabezados fijos, las barras de anuncios, los botones de chat y algunas apps usan un z-index muy alto. Si quedan por encima del banner, los visitantes no pueden hacer clic en Accept ni en Decline.

En el nuevo banner, aumenta el orden de apilamiento en Cookie banner > Style (surfaces / z-index). El valor máximo es 2147483647.

Nuevo banner. Para tiendas con la insignia New version en Cookie banner. Si usas el banner Legacy, consulta How to switch to the new banner or switch back to the previous version.

Antes de empezar

Confirma que el banner está activado (o activado para administradores) y que Pandectes Core está activado en el tema.
Reproduce el problema en la tienda, no solo en la vista previa de la app, porque la interfaz de la vista previa es distinta del tema real.

Aumenta el z-index en Style

Abre Shopify Admin > Apps > Pandectes GDPR Compliance.
Ve a Cookie banner > Style.
Busca surfaces / z-index.
Introduce un valor mayor que el del elemento que se superpone (a menudo 999999 o el máximo 2147483647).
Haz clic en Save.
Actualiza la tienda (actualización forzada) y prueba de nuevo Accept / Decline.

Si Style no es suficiente

Añade una regla en Style > Custom styling. Limítala al componente web. Consulta Custom styling with CSS.

Ejemplo:

pandectes-cmp {
  z-index: 2147483647;
}

Otras comprobaciones