productos relacionados en epimeteo  

 
Sergi
 Sergi
Usuario activo

tengo problema al visualizar "productos relacionados"... puede ser poruqé añado fotos en la descripción de producto?
os mando una captura

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/05/2016 10:17 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Cuando te refieres a que tienes problemas con los productos, especificas que el problema es el tamaño de las imágenes?

ResponderCitar
Respondido : 11/05/2016 1:59 am

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

Sergi
 Sergi
Usuario activo

Yo creo que el problema es que el tema no está pensado para poner imágenes en la descripción... ¿cierto?
Cuando pongo imagen en la descripción se descuadra el título productos relacionados...

(como adjunto en la foto).
Cual es la mejor solución? no poner fotos en la descripción? Quitar los productos relacionados?

gracias

ResponderCitar
Respondido : 11/05/2016 8:53 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergi
Yo creo que el problema es que el tema no está pensado para poner imágenes en la descripción... ¿cierto?
El problema lo tienes en el tamaño de las imágenes, estas utilizando un tamaño distinto para los productos y te respeta el ancho pero no el alto, tendrías que acostumbrarte a tratar las imágenes y añadirlas del mismo tamaño xejemplo 800px x 800px.

Para solucionarlo como lo tienes ahora edita el archivo ' woocommerce.css ' que encontraras en la ruta ' ' wp-content/plugins/woocommerce/assets/css/woocommerce.css '

Busca el siguiente código:

.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

Cámbialo por el siguiente:

.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: auto;
}

Que hemos echo?
Como veras solo modificamos la linea ' width: 100%; ', este valor de 100% hacia que el alto se representara al tamaño original de la miniatura sin respetar el tamaño del bloque.

Al modificarlo y cambiarlo por ' width: auto; ' lo que hace es ajustarlo al tamaño del bloque.
Como te comente intenta que el tamaño de las imágenes sea igual o por lo menos con un ancho y alto del mismo tamaño, con esto evitaras que se corte la imagen.

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

ResponderCitar
Respondido : 11/05/2016 10:12 am

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

Sergi
 Sergi
Usuario activo

Ya he cambiado el código, y a partir de ahora trataré las imágenes a 300x300, mismo ancho que alto, ok.
De todos modos PRODUCTOS RELACIONADOS SE SIGUE ALINEANDO MAL
Os mando captura para que veáis.
El problema es porqué pongo fotos en la descripción?
Ya me diréis cual es la solución, si quitar las fotos de la descripción, quitar productos relacionados, o hay otra para que productos relacionados me salga debajo.
gracias

ResponderCitar
Respondido : 12/05/2016 2:03 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergi.
El problema es porqué pongo fotos en la descripción?
No tiene nada que ver, el problema esta en el tamaño de las imágenes que cada una es de un tamaño distinto.
Comprobando la web no veo que cambiaras el código sigue estando en un alto del 100%,
Puedes revisarlo por si fuera cosa de mía?

Un saludo

ResponderCitar
Respondido : 12/05/2016 3:38 pm

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