Hola @silvia94, el problema que describes es muy común con elementos fijos en móvil, especialmente con el tema Classic y algunos módulos que inyectan su propio CSS con valores z-index muy altos. Como bien apunta @joaquin_deco, el z-index es clave.
Tu CSS va en la dirección correcta, pero necesita un par de ajustes para asegurar la visibilidad y evitar que el contenido quede oculto. Para tu PrestaShop 1.7.0.1, te recomiendo lo siguiente. Primero, necesitamos un z-index lo suficientemente alto y !important para asegurar que tenga prioridad sobre otros elementos. Además, es fundamental añadir un padding-bottom al body para que el contenido de la página no quede debajo de la barra fija.
Añade esto a tu themes/classic/assets/css/custom.css:
@media (max-width: 767px) {
body {
padding-bottom: 70px !important; /* Ajusta este valor si tu barra es más alta */
}
#add-to-cart-or-refresh {
position: fixed !important;
bottom: 0 !important;
width: 100% !important;
left: 0 !important;
padding: 10px;
He añadido un media query para que estos estilos solo se apliquen en pantallas pequeñas, que es donde lo necesitas. El z-index: 10000 !important debería ser suficiente para la mayoría de los casos. El padding-bottom: 70px !important en body empuja el contenido principal de la página hacia arriba, evitando que cualquier cosa quede oculta por la barra fija. También he incluido un box-shadow y border-top para que la barra se vea más definida.
Después de guardar los cambios en custom.css, asegúrate de limpiar la caché de tu PrestaShop desde Parámetros Avanzados -> Rendimiento y también la caché de tu navegador para ver los cambios.