Barra de busquedas
 
Avisos
Vaciar todo

[Resuelto] Barra de busquedas

8 Respuestas
3 Usuarios
0 Reactions
26 Visitas
Respuestas: 65
Trusted Member
Topic starter
 

Buenas, después de actualizar a la ultima versión de prestashop la barra de búsqueda se descoloco, que puedo hacer? Estaba arriba en la barra negra

busqueda en catalogo

 

Contenido solo visible a usuarios registrados


 
Respondido : 15/06/2022 9:53 am
Pepe
 Pepe
Respuestas: 41280
Illustrious Member Admin
 

Hola Juan Jose.

.- Accede a diseño ->Posiciones:

.- Busca el Modulo " barra de búsqueda "

Captura de Pantalla 2022 06 15 a las 13.19.06

.- Pulsa en el icono de editar:

screenshot mary52.webempresa.eu 2022.06.15 13 20 17

.- Mueve el modulo a la posición " displayNav 1 "

screenshot mary52.webempresa.eu 2022.06.15 13 21 00

 

Un saludo


 
Respondido : 15/06/2022 11:25 am
Respuestas: 65
Trusted Member
Topic starter
 

@pepesoler creo que esa solucion me acaba de duplicar los buscadores y encima sale con ese formato mal


 
Respondido : 15/06/2022 11:38 am
Pepe
 Pepe
Respuestas: 41280
Illustrious Member Admin
 

Hola Juan Jose.

En las pociones de los comprueba que no tengas dos modulos de búsqueda enganchados, si tienes dos elimina uno.

 encima sale con ese formato mal

Con el Raton puedes moverlo de posicion arrastrando la barra:

screenshot mary52.webempresa.eu 2022.06.15 13 54 48

 

Un saludo

 


 
Respondido : 15/06/2022 11:55 am
Respuestas: 65
Trusted Member
Topic starter
 

@pepesoler Perfecto solucionado, ahora solo queda el formato que debería salir como en esta web https://mueblespepejesus.es/


 
Respondido : 15/06/2022 12:01 pm
Karen Rios
Respuestas: 18813
Illustrious Member Moderator
 

Hola Jose Juan, 

En este caso prueba si con el siguiente código CSS puedes añadirlo los mismos estilos a la barra de busqueda:

#search_widget form input {
padding: 0px;
border-radius: 5px;
background: none;
height: 22px;
border: none;
color: inherit;
outline: none;
width: 100%;
padding-right: 25px;
}

#search_widget {
overflow: hidden;
}

Este codigo debes añadirlo en el archivo custom.css o theme.css que se encuentra en cuenta de hosting, para ello debe acceder a Adiministrador de archivos -> Themes -> Tu_Tema -> assets -> CSS y editar los archivo Custom.css, puedes pegar el código abajo del todo y guardar los cambios. 

Una vez realizas los cambios accede a tu tienda en Parámetros avanzados -> rendimiento y borra la caché 

image

Revisa si con ello puedes tener los estilos nuevamente como deseas de la barra de búsqueda. 

Un Saludo 


Esta publicación ha sido modificada el hace 3 años por Karen Rios
 
Respondido : 15/06/2022 12:45 pm
Respuestas: 65
Trusted Member
Topic starter
 

@karen Muchas gracias todo perfecto

 


 
Respondido : 15/06/2022 1:01 pm
Pepe
 Pepe
Respuestas: 41280
Illustrious Member Admin
 

Hola Jose.

Nada, Gracias a ti.

Cualquier consulta no dudes en comunicarlo.

 

Un saludo


 
Respondido : 15/06/2022 1:05 pm