Avisos
Vaciar todo

[Resuelto] Sidebar no se ve en el móvil  

 
Daniel
 Daniel
Usuario activo

Ola!

La sidebar de mi tienda no se muestra en el móvil, ¿Como puedo hacer para que aparezca por algún lado?

 

Gracias!

Contenido solo visible a usuarios registrados

Respondido : 24/09/2021 10:01 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Daniel.

Por lo general en la version móvil esta oculta:

.- Accede a wp-content -> themes -> navian y edita el archivo style.css

.- Sobre la linea 110 veras el siguiente código:

 @media all and (max-width: 990px){
.hidden-sx { display: none!important; }
}

.- Lo sustituyes por lo siguiente:

/* @media all and (max-width: 990px){
.hidden-sx { display: none!important; }
} */

 

Lo que hacemos con este código es comentarlo para que no tenga ninguna acción.

 

Un saludo

 

Respondido : 24/09/2021 11:14 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Daniel
 Daniel
Usuario activo

@pepesoler muchas gracias por tu respuesta!

 

La verdad es que así se ve, pero da un aspecto muy bruto. Aparece descuadrado, sin respetar márgenes. 

De hecho hasta da la sensación de que modifica las imágenes de los productos.

Imagino que no habrá forma de hacerlo más sutil, ¿no? ¿Como un desplegable o algo así?

 

Gracias por vuestro tiempo.

Respondido : 24/09/2021 11:52 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel, 

Usualmente el sidebar se oculta básicamente por su forma de visualización o para mejorar la experiencia de navegación en móvil, en este caso al mostrarlo esta es la forma de visualizarlo en tu sitio web una opción que puedes probar es controlar el ancho de estos con el siguiente código CSS

@media (max-width: 780px){
div#woocommerce_layered_nav-15 {
width: 45%;
float: right;
}
div#woocommerce_price_filter-3 {
width: 45%;
}
}

De igual forma no veo una opción para que estos widgets se muestren en desplegables, para poder añadir esa característica necesitas alterar el código completo de esta sección de forma que se adapte en móvil o indicarle que la forma de visualización en todos los dispositivos sea de esa forma 

Un Saludo

Respondido : 24/09/2021 12:28 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Daniel
 Daniel
Usuario activo

@karen @pepesoler

me decidí a instalar el plugin YITH WooCommerce Ajax Product Filter, ya que tiene una opción que permite un botón para mostrar como modal en móviles.

el problema es que aparece el botón, pero no se muestran los filtros...

¿no sabréis a que se debe?

Respondido : 30/09/2021 7:56 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Daniel,

Si estas utilizando una version gratuita del plugin es necesario utilizar los espacios de la barra lateral para poder incluir los filtros, acá los chicos que desarrollaron el plugin muestran como configurarlo https://www.youtube.com/watch?v=zHWu01ZxEDA

Ahora bien si deseas que se muestren de forma emergente en la vista movil esta acción esta incluida en las propiedades premium del plugin https://plugins.yithemes.com/yith-woocommerce-ajax-product-filter/

Valida cual es tu caso y dependiendo de las capacidades del plugin podemos orientarte a que podemos hacer con la vista movil.

Saludos!

Respondido : 30/09/2021 8:15 pm

Cursos Gratuitos WordPress

Daniel
 Daniel
Usuario activo

@bruno-vichetti gracias por tu respuesta!

La versión que tengo es la premium. El boton de filtros aparece en la web vista desde el móvil, pero al pinchar no muestra los filtros.

Respondido : 30/09/2021 11:34 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Daniel,

Has configurado los atributos y las variaciones dentro de los filtros? con este complemento debes configurarlos en los ajustes del complemento, es decir hacerse saber al complemento que va a trabajar con los atributos de tus productos. Te recomiendo ver su guia de instalacion igualmente al ser la versión premium difiere un poco de la gratuita por lo que es posible que necesites contactar con soporte del mismo.

https://docs.yithemes.com/yith-woocommerce-ajax-product-filter/

Un saludo 🖐️ 

Respondido : 30/09/2021 11:46 pm

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

Daniel
 Daniel
Usuario activo

@argenis el plugin estaba correctamente configurado pero aún así algo interfería en su funcionamiento. Tras intentar resolverlos sin éxito desistí y utilicé el plugin "Responsive sidebar". Siguiendo los pasos que me indicó @pepesoler pude mostrar la sidebar en el móvil y con el plugin la agrupé en un botón.

Gracias por vuestra ayuda

Respondido : 01/10/2021 12:02 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel, 

Enhorabuena has logrado configurar las opciones como deseas, siempre es un placer poder ayudarte

Coméntanos si con esto podemos dar ele tema como solucionado

Un Saludo 😊 

Respondido : 01/10/2021 12:12 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Daniel
 Daniel
Usuario activo

@karen Claro! Solucionado!

Respondido : 01/10/2021 12:15 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Daniel, 

Enhorabuena, nos alegra mucho que lo solucionaras 😀 

Con esto podemos dar el tema como cerrado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 01/10/2021 12:25 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación