Hola @mariaiberia59 y a todos.
@martabici y @lorena_bcn están en lo cierto. El módulo ps_facetedsearch en PrestaShop 1.7.x, especialmente en la versión 1.7.4.2 que entiendo que usas (dado el contexto del tema Classic), suele recrear dinámicamente los elementos del DOM en la barra lateral de filtros después de cada petición AJAX. Esto significa que los estilos que aplicas a elementos genéricos como input[type="checkbox"] pueden perderse si esos elementos son reemplazados.
La clave está en usar selectores CSS más específicos que apunten a los contenedores o elementos que el módulo sí mantiene o a los que se les aplican las clases de ps_facetedsearch de forma consistente.
Aquí tienes una propuesta de CSS para tu archivo themes/classic/assets/css/custom.css que debería ser más robusta y persistente. Utilizaremos pseudo-elementos para simular las casillas de verificación y apuntaremos a los contenedores de los filtros con mayor especificidad:
/* Estilos persistentes para checkboxes en filtros facetados */
.js-faceted-search-filters .facet-item input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.js-faceted-search-filters .facet-item label {
display: block;
He añadido .js-faceted-search-filters al inicio del selector, que es una clase que el módulo suele mantener en el contenedor principal de los filtros. Esto aumenta la especificidad y asegura que los estilos se apliquen incluso si los elementos internos son recreados. Los estilos ::after para el tick de verificación también se activan cuando el checkbox está marcado. Asegúrate de que tu custom.css sea el último en cargarse en tu tema hijo (o en classic si no usas hijo) para que tus estilos tengan prioridad.
Para los sliders, tendrías que inspeccionar los elementos div o span que usa el módulo para el track y el 'thumb' del slider y aplicar estilos similares, como background-color y border-radius, usando selectores también muy específicos.