Avisos
Vaciar todo

Woocomerce en mi WordPress  

 
Silvana
 Silvana
Usuario experto

Hola acabo de instalar el pluggin de Woocommerce en mi plantilla de WordPress.
Tengo problemas con el tamaño de las imagenes, se ven muy pixeladas.

Como puedo solucionarlo ???

Saludos y muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/02/2016 3:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes corregir esto por CSS, ubica este archivo :
/wp-content/themes/responsivo/style.css

Al final de todo agrega este código :

.woocommerce div.product div.images img{
	width:auto!important;
	margin:auto;
}

Puedes usar el Administrador de Archivos de tu Cpanel de tu cuenta para realizar esto, revisa :
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel.html

Saludos.

ResponderCitar
Respondido : 17/02/2016 6:23 pm

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

Silvana
 Silvana
Usuario experto

Hola Jhon

Gracias por tu pronta respuesta.
Al poner el ancho en auto, significa que todas las imagenes de producto que ya estan subida, van a tomar el tamaño original que tiene cuando las subi ???.
Gracias Saludos

ResponderCitar
Respondido : 17/02/2016 6:31 pm
Silvana
 Silvana
Usuario experto

Hola Jhon

Esta parte quedo resuelta
http://www.imanesfuncionales.com.ar/producto/agendar-celulares/
Las imagenes de estar inmensas y pixeladas ahora se ven muy bien.

Pero en esta parte
http://www.imanesfuncionales.com.ar/tienda/

Se sigue viendo mal. Tendre que cambiar el codigo en otro lugar mas ???

Fue magico ese cambio de codigo.

Muchas gracias

Silvana

ResponderCitar
Respondido : 17/02/2016 7:02 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Efectivamente tendrá efecto sobre todas las imágenes de productos de wordpress, sin embargo veo que en el último link enviado hay otra variación para las imagenes de productos de woocommerce

Por lo tanto modifica el código anterior, dejalo como te envío a continuación:

.woocommerce div.product div.images img,
.woocommerce ul.products li.product a img{
	width:auto!important;
	margin:auto;
}

Saludos

ResponderCitar
Respondido : 17/02/2016 8:38 pm
Silvana
 Silvana
Usuario experto

Hola Jhon

Lo de las imágenes pixeladas ya esta solucionado, con el código nuevo. GRACIAS !!!

Como se puede modificar la plantilla para poner margenes???, por las imagenes y el texto del costado quedan muy pegados. Eso me pasa en la tienda.
http://www.imanesfuncionales.com.ar/tienda/

O cuando ingresas en el producto elegido:
http://www.imanesfuncionales.com.ar/producto/que-remedios-tomo-hoy/

Mil gracias Jhon

ResponderCitar
Respondido : 18/02/2016 3:09 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Creo que podrías corregirlo dando un ancho como máximo y un padding, al final del archivo anterior agrega el siguietne código

#container{
  max-width:1200px;
  margin:auto;
  padding:20px;
}

Saludos.

ResponderCitar
Respondido : 18/02/2016 6:08 pm