Avisos
Vaciar todo

Menús Prestashop Version movil  

 
José Luís
 José Luís
Usuario experto

Buenos días,

Querría saber como puedo modificar los menus que salen en la version movil del prestashop.
Por ejemplo, cuando clico en una categoría, me salen primero 6 menus(nuestras tiendas,novedades...) antes de salir la categoria con su banner y productos..hay que bajar bastante para llegar a ellos.

La idea sería que no salieses esos menús o que saliesen al final de página, para que cuando clique en una categoría me salga solo el filtrado (catalogo) y ya la categoría con los productos.

adjuntos fotos.

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/03/2018 12:58 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

No entiendo muy bien lo que buscas, discúlpame :dry:

Ese menú es el principal, si lo ocultas ¿ Como acceden a los productos ?
Podrías ocultar los submenu para que solo mostrase la categoría principal, para ello añade lo siguiente a tu archivo de estilos css, no se si utilizas algún archivo para las modificaciones de estilos ya que te carga todo en cache.

@media (max-width: 600px) {
.submenu-container {
display:none;
} 
}

Un saludo

ResponderCitar
Respondido : 10/03/2018 2:38 pm

José Luís
 José Luís
Usuario experto

Buenas tardes,

Te lo explico e indico mejor. Te adjuntado una foto.
a la izquierda es la versión movil.
-Cuando entro en una categoría, en este caso TISSOT, primero me sale esos 7 menus(catalogo, novedades...) y debajo de todo eso, ya sale el banner de la marca con lo productos.
-La idea es que cuando entre a la categoría que no me aparezca todos esos menu y que directamente me salga ya el banners y los produtos a la vista, como mucho que me saliese el menú CATALOGO para poder filtrar por precio. (Quitar lo tachado en la versión movil). Ya que así no haría tanto esfuerzo al cliente de bajar y bajar hasta llegar a los productos y le salga más a la vista, ya que los menus esos salen ocupand toda la pantalla.
-Otra opción sería sino, que salgan, pero que salgan abajo del todo despues de los productos.

A la derecha sale la versión de ordenador:
- Por otra parte, querría saber como puedo quitar columnas de la izquierda, ya que por ejemplo, la de información o novedades, no querrían que saliesen.

Espero haberme explicado mejor, gracias

ResponderCitar
Respondido : 10/03/2018 6:55 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

José Luis,

Lo correcto es que si tu tema PrestaShop es "responsive" los menús salgan plegados (recogidos) en la parte superior, debajo del logo y solo se despliguen al hacer clic en el "menú hamburguesa".

Por defecto el tema "default-bootstrap" para PrestaShop 1.6 es "responsive" por lo que adapta correctamente los menús en la vista desde dispositivos de forma que se muestre el menú hamburguesa plegado y sin estorbar otros elementos ni ocupar espacio encima de los productos.

Al hacer touch en "+" se despliegan los submenús o Categorías de Productos.

Y al hacer touch en cualquiera de esas Categorías se verán subcategorías (o categorías de segundo nivel, etc)

Este es el comportamiento correcto y que por defecto tiene el tema "default-bootstrap" de PrestaShop salvo que tu hagas cambios y con ello modifiques su comportamiento.

Saludos

ResponderCitar
Respondido : 11/03/2018 1:26 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

José Luís
 José Luís
Usuario experto

Y como puedo cambiar el comportamiento?
Por cierto a la pregunta de como puedo quitar menus de la columna izquierda en versión pc, como lo hago?
Ya que como ves en la foto, cuando entre en la categoría me sale primero todos los menus de la columna izquierda y debajo de eso, el banner de la categoría y luego los productos, y querría verlo como le dije anteriormente

ResponderCitar
Respondido : 12/03/2018 8:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La única forma práctica que veo es que ocultes la columna izquierda cuando estas en móviles, puedes hacerlo con CSS

Agrega este código al final de algún archivo CSS que carga tu theme

@media ( max-width: 678px){
	#left_column{
		display:none;
	}	
}

Saludos.

ResponderCitar
Respondido : 12/03/2018 9:15 pm

Cursos Gratuitos WordPress