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)

Resumen

El banner se muestra como componente web pandectes-cmp. El CSS del tema no le da el mismo estilo que al elemento #pandectes-banner del 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 o Decline.

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

Nuevo banner. Para tiendas con la insignia New version en Cookie banner. En el banner clásico, consulta Cómo cambiar al nuevo banner o volver a la versión anterior.

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.

Aumentar el z-index en Style

Abre Shopify Admin > Apps > Pandectes GDPR Compliance.
Ve a Cookie banner > Style.
Desplázate hasta Stacking Depth (z-index), debajo de Enable dialog shadow.
Introduce un valor superior al del elemento que se superpone (a menudo 999999), o haz clic en Set max para 2147483647.
Guarda.
Recarga la tienda (recarga 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 Estilo personalizado con CSS.

Ejemplo:

pandectes-cmp {
  z-index: 2147483647;
}

Otras comprobaciones