• Resuelto alesina

    (@alesina)


    Hola a todos!
    Tengo un problema y ojalá puedan ayudarme.
    Estoy subiendo productos a una tienda que estoy armando con Woocommerce y por alguna razón en la página misma de la tienda las imágenes salen borrosas. No puede ser un problema de resolución, ya que todas las imágenes son de 600×600.
    De hecho, cuando organicé la tienda en tres columnas se veía todo bien, pero ahora lo cambié a 4 columnas y paf! Salen borrosas.
    Otro antecedente es que en la página de cada producto la imagen se ve bien. Además, cuando uno clickea un producto borroso en la tienda y luego vuelve atrás, mágicamente la imagen se arregla.

    Espero haberme explicado bien.
    Por cierto, el Theme, WordPress y Woocommerce están actualizados.
    Muchas gracias de antemano por darse el tiempo de ayudarme.
    Saludos!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • Moderador almendron

    (@almendron)

    Las imágenes son de un tamaño muy pequeño 100×100 y luego son escaladas a uno mayor.

    Ejemplo: 100px × 100px (escalado a 220px × 220px)

    De ahí que salgan borrosas.

    Comprueba los ajustes de imágenes.

    Iniciador del debate alesina

    (@alesina)

    No entiendo. Si como dije mis imágenes son de 600×600 px. ¿Por qué dices que son de 100×100? ¿Dónde se ajusta eso?

    Hola, yo y muchos otros que usamos la misma plantilla estamos experimentado el mismo problema. Al principio creí que era problema de la plantilla que uso (Flatsome). Según los creadores de la plantilla, el problema está en Woocommerce y hay que esperar a la versión 3.5.1… así que he vuelto a la versión anterior con la ayuda del plugin WP Rollback.

    Con estas cosas nunca se sabe. No sé que tema usas y no he podido hacer pruebas con otras plantillas así que no puedo confirmar que el problema esté en Woocommerce.

    De momento he vuelto a la versión anterior de Woocommerce y todo funciona. Toca esperar a una nueva versión de… lo que salga primero, Woocommerce o mi plantilla.

    Un saludo.

    • Esta respuesta fue modificada hace 5 años, 5 meses por GosserBox. Razón: sintaxis
    Moderador almendron

    (@almendron)

    ¿Habéis revisado las opciones de Woocommerce en relación a las tamaños que crea. Es posible que la plantilla, cuando ponéis cuatro columnas, tire del tamaño más pequeño que esté definido.

    Comprobar también esas opciones en Ajustes > Medios

    En mi caso esto no sucedía hasta ahora, o sea, que no es una instalación nueva. Ha ocurrido con todo actualizado, plugins y tema » copia de seguridad » actualizar Woocommerce a 3.5.0

    Solo entonces empezó a verse borrosa la imagen principal en la página de productos. Pero solo, y está es la particularidad realmente extraña, cuando seleccionas una variedad del producto. Todo lo demás está bien imágenes secundarias, ampliaciones…

    En mi caso he regenerado las miniaturas con «Regenerate Thumbnails», que por cierto es un plugin que el tema solicita con la instalación.

    En cuanto a lo que mencionas, los tamaños de miniatura, medio y grande son proporcionales, no se han modificado y está activado «Recortar las miniaturas en las dimensiones exactas (normalmente, las miniaturas son proporcionales)«.

    No sabría como hacer una mejor comprobación.

    Salu2.

    Moderador almendron

    (@almendron)

    Pero… ¿has mirado en las opciones de Woocommerce? ¿en imágenes del producto?

    Si, es a lo que me refería con «tamaños de miniatura, medio y grande» que ahora está en Apariencia » Woocommerce » Imágenes de Producto.

    La configuración no ha sido tocada desde que se instaló el tema.

    Ancho de la imagen principal: 510
    Ancho de la miniatura: 247
    Recorte de la miniatura: Personalizado 247 : 300

    ¿Que debo mirar exactamente ahí?

    Gracias, salu2.

    • Esta respuesta fue modificada hace 5 años, 5 meses por GosserBox. Razón: sintaxis
    • Esta respuesta fue modificada hace 5 años, 5 meses por GosserBox.
    Moderador LGrusin

    (@lgrusin)

    Mira en el menú Apariencia – Personalizar – WooCommerce, en Imágenes de producto, ancho de imagen principal. Debes poner 600 seguro que has modificado eso.

    • Esta respuesta fue modificada hace 5 años, 5 meses por LGrusin.
    Moderador almendron

    (@almendron)

    Bien el tema, bien WooCommerce ha tenido que hacer las imágenes a 100×100 y por tanto en algún ajuste has tenido que tener ese valor.

    ¿Qué tienes puesto en Ajustes > Medios?

    Moderador almendron

    (@almendron)

    Lo primero de todo sería ver qué tamaños se generan cuando subes un nuevo producto. Para ello, primero sube el producto nuevo y luego, vía FTP, accede a la carpeta wp-content/uploads y ver allí que tamaños se han generado.

    Buenos días.

    Me había currado una respuesta con todo lo que me decís, con capturas de pantalla, datos y demás pero… esta mañana me encuentro con que Woocommerce ha publicado la versión 3.5.1 y entre las las correcciones está esto:

    FixDon’t default gallery variation images to gallery thumbnail size if flexslider is disabled. #21655

    Actualizo y… todo arreglado. Ahora al seleccionar una variación de producto la imagen principal no se torna borrosa.

    Os agradezco vuestro vuestro interés y ayuda, en esta ocasión los creadores del tema Flatsome tenían razón, Woocommerce 3.5.0 fallaba en este punto.

    Al menos quiero dejar captura de los tamaños de las miniaturas que me está generando Woocommerce al subir un producto.

    La última imagen, la que está resaltada, es la original 1020 x 1200.

    https://ibb.co/eA9rL0

    Que tengáis un buen día.

    Salu2.

    Moderador LGrusin

    (@lgrusin)

    @gosserbox yo hice pruebas con el tema y la versión 3.5.0 de WooCommerce y no observe nada extraño. Lo único el detalle que comenté antes en Apariencia – Personalizar – WooCommerce, en Imágenes de producto, ancho de imagen principal.

    No sabemos si @alesina lo ha resuelto.

    • Esta respuesta fue modificada hace 5 años, 5 meses por LGrusin.

    Sí, los valores que yo indiqué los genera Flatsome si cargas los datos de ejemplo (dummy data).

    …a ver que dice @alesina.

    Gracias.

    Salud2.

    Iniciador del debate alesina

    (@alesina)

    Muchas gracias a todos por sus aportes.
    En mi caso, ni la versión 3.5.1 ni retroceder a versiones anteriores de Woocommerce me sirvió.
    Lo que sí me funcionó es ir a Personalizar > Woocommerce > Imágenes de producto.
    Allí modifiqué el «Ancho de miniatura», que estaba en 100, a 200. Aún estoy probando cuál es el valor más adecuado, pero ya no aparecen borrosas las imágenes. ¡Hurra!

    De nuevo, gracias a todos! Los quiero!

    Moderador almendron

    (@almendron)

    A veces creo que no leéis las respuestas que os damos. Primer mensaje que di a respuesta de tu pregunta:

    Las imágenes son de un tamaño muy pequeño 100×100 y luego son escaladas a uno mayor.

    Ejemplo: 100px × 100px (escalado a 220px × 220px)

    De ahí que salgan borrosas.

    Comprueba los ajustes de imágenes.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • El debate ‘Imágenes de la tienda borrosas y no es la resolución’ está cerrado a nuevas respuestas.