Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] No se carga la página de productos al filtrarlos  

 
RAFAEL
 RAFAEL
Honorable Member

Hola, 

He añadido atributos a 5 artículos y al testearlo, la página no se carga: https://persianaonline.com/clon/tienda/ . No sé si lo estoy haciendo bien. ¿Qué puede estar pasando?

Gracias

Contenido solo visible a usuarios registrados

Respondido : 18/04/2024 11:09 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Rafael.

Veo que la pagina tienda esta cargando:

screenshot persianaonline.com 2024.04.18 13 44 36

Si no es eso, por favor indícanos que pagina es la que no carga.

 

Un saludo

Respondido : 18/04/2024 12:46 pm

Cursos Gratuitos WordPress

RAFAEL
 RAFAEL
Honorable Member

@pepesoler  Carga bien si se selecciona un producto del desplegable, pero no se carga cuando seleccionas alguna de las otras opciones (los botones).

Respondido : 18/04/2024 1:16 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rafael, 

Es posible que el conflicto esté surgiendo entre la plantilla personalizada que tienes creada para tus categorías y el filtro, si quieres probarlo prueba lo siguiente. Desactiva las opciones de editar la página de tienda con Divi y deja las opciones por defecto en la página de tienda seleccionando la opción de Volver al editor predeterminado.

image

Luego de ello accede a Divi → General y configura WooCommerce para que utilice la barra lateral 

image

Luego de ello accede a ti página tienda y revisa si todos los filtros funciona de forma correcta. 

Verifícalo y nos comentas como va todo

Un Saludo 

Respondido : 18/04/2024 2:26 pm

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

RAFAEL
 RAFAEL
Honorable Member

¡Perfecto! Para seguir editando la página de la tienda, ¿puedo volver a utilizar Divi? 

Tampoco encuentro cómo cambiar el color de los selectores cuando pasa el ratón por encima. ¿Cómo puedo hacerlo?

Muchas gracias

Respondido : 18/04/2024 2:42 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rafael, 

En este caso no se podría utilizar Divi para editar a página de tienda, ya que veo genera conflictos con el filtro si lo utilizas en esta página, lo que puedes hacer es cambiar algunos colores o ciertas opciones con código CSS.

Por ejemplo, para cambiar el color de los botón en hover podrías utilizar este código:

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label:not(.with-image):not(.disabled):hover {
background-color: #008bcc;
box-shadow: 0 0 0 2px #008bcc;
color: var(--yith-wcan-labels_style_text_hover, #fff);
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.label.active:not(.with-image) {
background-color: #008bcc;
box-shadow: 0 0 0 2px #008bcc;
color: var(--yith-wcan-labels_style_text_active, #fff);
}

Este código debes añadirlo en el apartado de Divi → Opciones del tema → General → CSS personalizado. 

Verifica y nos comentas como va todo

Un Saludo 

Respondido : 18/04/2024 3:10 pm

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

RAFAEL
 RAFAEL
Honorable Member

@karen

Pues... no sabía dónde poner el CSS y al habilitar el divi builder para ponerlo allí, he perdido el contenido de la página.

Volveré a hacerla, pero no sé dónde poner el CSS en el editor convencional. 

Respondido : 18/04/2024 3:58 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Rafael,

Puedes agregar los códigos CSS en Apariencias > Personalizar > css adicional. Este es un panel lateral cuando ingresas a tu WordPress. También puedes agregarlos en el mismo Divi en el panel lateral de Divi > opciones de temas > Css personalizado, ya te indico con imágenes:

image
image

Un saludo 🖐️ 

Respondido : 18/04/2024 4:07 pm

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

RAFAEL
 RAFAEL
Honorable Member

Gracias, todo está funcionando, aunque el diseño que queda es muy sencillo. El CSS funciona correctamente, pero en el desplegable aparece también el color rojo:

image

¿Qué tendría que poner para que fuera también azul?

Gracias

Respondido : 18/04/2024 10:35 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Rafael,

Verifica con estos:

.yith-wcan-dropdown.open {
border-color: blue !important;
box-shadow: none !important;
}
.dropdown-wrapper {
border-color: blue !important;
box-shadow: none !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a:hover {
color: blue !important;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .show-more {
color: blue !important;
}

Cambias el blue por tu código de color que prefieras.

Un saludo 🖐️ 

Respondido : 18/04/2024 11:06 pm

RAFAEL
 RAFAEL
Honorable Member

Sigue apareciendo en rojo:

image
Respondido : 20/04/2024 5:09 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rafael, 

En este caso revisa si los siguiente CSS te permiten modificar lo que necesitas

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper {
border: 1px solid #d2d2d2 !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
color: #008BCC;
}
:root .matching-items.filter-items {
--yith-wcan-filters_colors_accent: #008bcc !important;
}

Un Saludo

Respondido : 20/04/2024 5:50 pm

Cursos Gratuitos WordPress

RAFAEL
 RAFAEL
Honorable Member

@karen Gracias, al final he sacado de la tienda de la web ese desplegable. 

Respondido : 22/04/2024 2:21 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Rafael, 

Entiendo, gracias a ti, es un placer para nosotros siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta.

Un Saludo 😊 

Respondido : 22/04/2024 2:30 pm

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