Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

Como añdir un filtro de busqueda en categorias  

Página 2 / 2
 
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

He diseñado una página de categorías con Elementor, pero me gustaría poder añadir un filtro de búsqueda lateral, para poder hacer una búsqueda por precio, color, materiales, etc... Algun tutorial para ayudarme. Gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 16/04/2024 3:04 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@argenis vale ya me sale el color, el problema que tengo ahora es que en el filtro me sale categorías que estaban en el widgets heredado, pongo foto para que se vea mejor.

1

 y se me duplica con el del filtro...

fillll

el problema es que no se como se quita categorías del widget de la barra lateral de woocommerce.

ResponderCitar
Respondido : 17/04/2024 4:51 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Pues es bastante más sencillo, si no quieres el elemento de categorías que ya viene en el WordPress elimínalo:

image

Para ello, al hacerle clic verás tres puntos, aquí seleccionas borrar:

image

Así solo tienes el que estás construyendo con este plugin.

Un saludo 🖐️ 

ResponderCitar
Respondido : 17/04/2024 5:10 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@argenis perfecto ya conseguí borrarlo, es que no me salía como a ti, he tenido que dar a vista de lista y ahí ya pude borrar. 

Y lo ultimo que me queda por configurar de este filtro es que cuando pincho en cualquier búsqueda, por ejemplo por color... me salen las fotos super grandes una debajo de otra. Envío un video para que se vea mejor. Me gustaría que se pudieran ver en cuadricula normal, como salen los productos...

ResponderCitar
Respondido : 17/04/2024 5:20 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Es probable que sea un problema de que estás utilizando para mostrar los elementos, te comento porque en este foro sucedió algo similar:

https://wordpress.org/support/topic/filter-changing-the-shop-layout/

Al final del todo la persona indico que no se debe utilizar el módulo de archive products, sino el de productos y que debe configurarse en este la cantidad, puedes verificar con esto y nos comentas.

Un saludo 🖐️ 

ResponderCitar
Respondido : 17/04/2024 5:55 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@argenis y como configuro el modulo de productos para que me salgan el de la categoría que yo elija y no todos?

ResponderCitar
Respondido : 17/04/2024 6:30 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Puedes verificar esta guía de elementor propiamente:

https://theplusaddons.com/docs/display-woocommerce-products-by-category-in-elementor/

En ella puedes ver el módulo que utilizar y como configurarlo para que muestre la categoría. Verifica si lo tienes.

Un saludo 🖐️ 

 
ResponderCitar
Respondido : 17/04/2024 7:24 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@argenis No me funciona esto bien. No habría otro plugin para poner los filtros que no diera estos problemas? Y estoy viendo que los filtros luego aparecen en la versión móvil desplegados yo necesitaría un filtro que luego quedara bien estéticamente en la versión móvil, que fuera como un desplegable.

Algo como esto.

filtro

Gracias

 

ResponderCitar
Respondido : 18/04/2024 10:19 am

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Cual es el filtro que no te funciona bien, creo que lo cambiaste porque ahora lo veo de esta forma, coméntanos si estás utilizando otros para revisar lo que nos comentas.

image

Ten en cuenta que existen muchos plugins de filtros, como los que mencionamos anteriormente o algunos más que se recomiendan en este artículo → https://www.webempresa.com/blog/plugins-de-filtros-de-productos-de-woocommerce.html  

Sin embargo, ya que cada sitio es distinto, estos pueden adaptaré o no como lo quieres mostrar, es cuestión de ir probando dentro de sus opciones o sus las configuraciones que nos ofrecen para poder integrarlo como deseamos en nuestro sitio web. 

Un Saludo 

ResponderCitar
Respondido : 18/04/2024 2:51 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@karen he instalado el plugin Advanced AJAX Product Filters for WooCommerce. Porque el otro me iba muy mal.

Pero no sé como hacer para que el filtro en versión tablet y móvil se vea bien, como en la foto. No se tú conoces algún plugin que sirva para hacer esto que necesito? O alguno que me recomiendes, porque el filtro es bastante importante en las webs y necesito que quede bien. Muchas gracias Karen.

 

ResponderCitar
Respondido : 18/04/2024 3:47 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

En este caso este tipo de comportamiento de la imagen es muy específica, por ahora este plugin no veo funcione de esta forma. En todo caso el filtro que puedes probar sería el que viene por defecto del tema Astra puedes ver su funcionalidad en su documentación oficial → Contenido solo visible a usuarios registrados; sin embargo, solo está disponible en la versión de pago del tema y no podemos probarlo o garantizar funcione como necesitas. 

Necesitarás evaluar como muestras estos filtros o si en todo caso necesitas adquirir una opción pro como el tema

Un Saludo 

 

ResponderCitar
Respondido : 18/04/2024 4:32 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@karen al final me he decidido por el plugin Yith WooCommerce Ajax product filter la versión premium que tiene la opción del móvil bastante sencilla de usar. Lo único que no se como puedo configurar la letra de mi filtro, porque me aparecen bastante grandes, y me gustaría darle un toque mejor. Gracias

 

ResponderCitar
Respondido : 19/04/2024 11:37 am

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Entiendo que es solo la fuente para la vista móvil, si es así puedes probar utilizando el siguiente código CSS

@media only screen and (max-width: 600px) {
.yith-wcan-filters.filters-modal .yith-wcan-filter .filter-title {
font-size: 1.1rem;
}
}

Ya que estarás utilizando este plugin, si tienes cualquier duda adicional sobre el te recomiendo abras un tema para ello, así nos ayudas a mantener un mayor control sobre el hilo y verificar con mayor detalle lo que nos comentas. 

Un Saludo 

 

ResponderCitar
Respondido : 19/04/2024 1:18 pm
Textil Hogar Micaela
 Textil Hogar Micaela
Estimable Member

@karen me refiero a la letra que aparece en el filtro en la visión pc, envío foto. Para darle un toque diferente, añadir mas márgenes, porque en el apartado de deslizante de precio la etiqueta tapa las letras.

filtro letra
ResponderCitar
Respondido : 19/04/2024 2:31 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Entiendo que es entonces la fuente en escritorio, puedes probar con el mismo código eliminar el media query, aunque la fuente en escritorio se ve del tamaño correcto

.yith-wcan-filters.filters-modal .yith-wcan-filter .filter-title {
font-size: 1.1rem;
}

Lo que puedes probar si solo afecta el deslizante de precio es moverlo con este código

.price-slider.slider {
margin-top: 15px;
}

Si tienes más dudas relacionadas al filtro abre un tema para ello, de esta forma mantenemos un control sobre el hilo. 

Un Saludo 

 

ResponderCitar
Respondido : 19/04/2024 2:44 pm
Página 2 / 2