Avisos
Vaciar todo

alinear los productor woocomerce  

 
Hector
 Hector
Usuario eminente

Hola, en tema anterior me dieron la solución para reducir los productos de las columnas de woocomerce pero ahora los productos 🙁 no esta en la alineación correcta..

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 05/08/2015 4:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Tu theme tiene estilos para dividir en filas de 4 los productos, tendrías que corregirlo por CSS, agrega el sigiuetne código CSS:

.woocommerce-page #content div.product:nth-child(4n+1){
	clear : none;
}
   
.woocommerce-page #content div.product{
	min-height:400px;
}

Posiblemente debes agregarlo en el style.css de los archivos de tu theme, actualmente tienes optimizado este archivo , siempre cuando estes realizando cambios sería mejor aún no optimizar archivos CSS

Saludos.

ResponderCitar
Respondido : 05/08/2015 6:20 pm

Cursos Gratuitos WordPress

Hector
 Hector
Usuario eminente

he aplicado el codigo pero funciona solo algunos casos por ejemplo, cuando cuando en el campo de búsquedas lo clasificas en precios bajos, las filas se alinean a la perfección pero en otros siempre hay uno que sale de su lugar. seria bueno que navegues en la parte que te digo y veas que es lo que hace..
ya el codigo esta aplicado..

ResponderCitar
Respondido : 05/08/2015 6:48 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

He navegado pero no he podido detectar lo que comentas

De manera general si es la misma pantalla y la misma estructura html debería aplicase el estilo siempre, salvo tengas alguna variación en el contenido , ya sea por dimensiones de imagen o cantidad de texto

Refresca la cache de tu navegador, si sigues con problemas prueba con otro navegador, indicanos como reproducir el problema y que navagador estas usando, envía también algunas capturas de pantalla.

Saludos

ResponderCitar
Respondido : 05/08/2015 6:57 pm

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

Hector
 Hector
Usuario eminente

ya refresque la cache pero sigue igual.. entra a la pantalla de los productos http://www.todoen1no.com/tienda/?post_type=product
y veras que los productos no es tan alineados bien en el box de búsqueda por categoría coloca: Ordenar por precio Bajo a Alto y vas a ver la diferencia en la organización.

ResponderCitar
Respondido : 05/08/2015 7:20 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No he detectado diferencias, te envío algunas capturas de pantalla
Tendrías que probar en otro navegador , indicanos el navegador que estas usando y envía algunas capturas de pantalla.

Saludos.

ResponderCitar
Respondido : 05/08/2015 7:46 pm

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

Hector
 Hector
Usuario eminente

Creo que acabo de encontrar el problema pero no se como solucionarlo, tuve que poner el zoom de mi navegador en un 90% para poderlo ver como ustedes lo ven pero al 100% se sale de control...

ResponderCitar
Respondido : 05/08/2015 7:54 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Si nos das respuestas a medias no podemos ayudarte, que navegador usas?, esa captura de pantalla que url es?, ya que las que te envie anteriormente lucen diferentes los productos

En resumen, no debería alargarse este tema por algo como un cambio CSS como el resalizado.

Saludos.

ResponderCitar
Respondido : 05/08/2015 7:57 pm

Hector
 Hector
Usuario eminente

uso goole chrome y esa es la sección de ordenar por novedades, te explique que el problema viene siendo la adaptación al tamaño del monitor ya que si lo pongo en 90% el Zoom se ve como lo deseo pero cuando la configuración del navegador esta en 100% el Zoom se desalinea

ResponderCitar
Respondido : 05/08/2015 8:03 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Supongo que estas probando en un monitor en donde no se ve completamente tu sitio y por eso se redimensiona

Asumo que el problema lo causa la supersposición de imágenes, y que posiblemente te desplaza el contenido, esto es por que el contenedor no es responsive le has dado un ancho fijo , esto es incorrecto si quieres tener un comportamiento responsive debes usar :

.products .product-inner-div {
width: 100%;
}

Prueba agregando este código al final de tu archivo style.css, si no es esto tendrías que enviar capturas de pantalla para ver exactamente a que te refieres y no alargar esta discusión.

Saludos

ResponderCitar
Respondido : 05/08/2015 8:29 pm

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

Hector
 Hector
Usuario eminente

Muchas gracias ya solucione el problema agregue el codigo

.products .product-inner-div {
width: 90%;
}

ResponderCitar
Respondido : 05/08/2015 8:39 pm