Jump to content

falta de resolucion en las imágenes

osowaken
 Share

Recommended Posts

osowaken Newbie

osowaken

Posted
Posted

Buenas tardes,

Sigo a vueltas con la mi tienda online. Cuando se muestran los artículos de una categoría, esas imagenes que son tamaño medio, parece como que le falta resolución, y parecen hasta borrosas y ya si lo ves desde el móvil o tablet.... no te quiero contar. Cuando entras en el artículo, se ven perfectas. Las imagenes están subidas en una calidad de 1920x2880 y 72pixeles/pulgada

He cambiado todos los tamaños de la sección imagenes ajustandolas al tamaño correcto y he regenerado las miniaturas.

Será que 72pixeles/pulgada es poco y le tengo que meter más resolución?

Muchas gracias por vuestra ayuda!

Un saludo

 

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted (edited)
hace 4 horas, osowaken dijo:

Buenas tardes,

Sigo a vueltas con la mi tienda online. Cuando se muestran los artículos de una categoría, esas imagenes que son tamaño medio, parece como que le falta resolución, y parecen hasta borrosas y ya si lo ves desde el móvil o tablet.... no te quiero contar. Cuando entras en el artículo, se ven perfectas. Las imagenes están subidas en una calidad de 1920x2880 y 72pixeles/pulgada

He cambiado todos los tamaños de la sección imagenes ajustandolas al tamaño correcto y he regenerado las miniaturas.

Será que 72pixeles/pulgada es poco y le tengo que meter más resolución?

Muchas gracias por vuestra ayuda!

Un saludo

 

 

Si las imágenes son proporcionales a los tipos de imágenes  definidos en la pestaña Diseño -> Ajuste de imágenes (Preferencias >Imagenes en PS 1.6) se deberían ver bien. Entiendo que no usas la plantilla por defecto y que los tipos que este usando tu plantilla están bien configurados en en la pestaña Diseño -> Ajuste de imágenes (En PS 1.6 Preferencias -> Imágenes) ¿no? Lo digo porque muchas plantillas al instalarse crean sus tipos de imágenes u modifican los existentes, he de suponer que todo fue correcto ?

Otra cosa es que tu plantilla este forzando una dimensión especifica, que es posible.

Como dice el compañero @Code-Plus, proporcionanos una url de la tienda o al menos una captura para ver el problema. O al menos la url de la demo de la plantilla.

Si entras a ver la imagen por url del navegador directamente (cuando estés viendo en la tienda algunas de las imagenes, pulsa boton derecho -> Copiar dirección url de la imagen y accede a ella)  ¿Se ve correctamente? (Es para ir descartando)

Edited by nadie (see edit history)
Link to comment
Share on other sites
osowaken Newbie

osowaken

Posted
  • Author
Posted (edited)

Muchas gracias a @Code-Plus y a @nadie por contestar.

Solo una aclaración, estoy usando prestashop 1.7.2.4.

Estoy usando esta plantilla https://www.joommasters.com/store/jms-minimal.html

Durante el día de hoy le que he estado haciendo es redimensionar las que tenia y he cambiado los valores para que cuadren todas y no haya barras blancas en los laterales. he regenerado las imagenes y así ha quedado la configuración:

No me deja subir imágenes y las capturas que he realizado, me dice que hay un problema con la subida de archivos.... :(

 

 

Edited by osowaken
no me deja subir fotos (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted (edited)
hace 11 minutos, osowaken dijo:

 

Estoy usando esta plantilla https://www.joommasters.com/store/jms-minimal.html

Durante el día de hoy le que he estado haciendo es redimensionar las que tenia y he cambiado los valores para que cuadren todas y no haya barras blancas en los laterales. y así ha quedado la configuración:

 

 

 

 

Te adjunto pantallazo de la Consola del Navegador en Chrome (Boton derecho -> Inspeccionar Elemento -> Elements)

Adjunto pantallazo -> http://victor-rodenas.com/wp-content/uploads/2018/02/ConsolaNavegador-1.png de la demo de la plantilla que me has pasado, pasame una captura igual pero de tu tienda (Es decir señalando la imagen para que vea las dimensiones, etc..)

PD: El tema de las barras blancas es por la proporcionalidad.

PosData: Ahora mismo existe problemas para adjuntar imágenes al foro, por eso la he colocado un enlace externo.

Edited by nadie (see edit history)
Link to comment
Share on other sites
osowaken Newbie

osowaken

Posted
  • Author
Posted (edited)

Muy buenas otra vez,

Confírmame que ves las imágenes:

https://beeskids.es/img/cms/captura1.jpg

En esta primera aunque el pantallazo es grande al verlo en una pantalla normal se medio aprecia borrosa

https://beeskids.es/img/cms/captura2.png

Esta es una captura desde la vista de diseño adaptable, donde si que veo que no coinciden tanto el tamaño de la imagen como la que muestra la página.... ¿Donde puedo modificar esta vista? por que es donde más borrosas se ven....

Muchas gracias por vuestra atención!

Un saludo

 

 

 

Edited by osowaken (see edit history)
Link to comment
Share on other sites
osowaken Newbie

osowaken

Posted
  • Author
Posted

Buenos días de nuevo,

Creo que ya sé cual puede ser la solución:

cuando muestra las imagenes en pequeño coje la categoria home_default, si cogiera la categoria large_default la deficinión de las imágenes sería mucho mejor. Como puedo cambiar el código de la plantilla para que decirle que en vez de coger el home_default coja el large_default?

 

Muchas gracias!!!!!

 

 

Link to comment
Share on other sites
osowaken Newbie

osowaken

Posted
  • Author
Posted 
<div class="item ajax_block_product" itemscope itemtype="http://schema.org/Product">
<article class=" product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
<div class=" product-box product-preview">
    <div class="preview">
    {block name='product_thumbnail'}
      <a href="{$product.url}" class="product-image {if isset($jpb_phover) && $jpb_phover == 'image_swap' && $product.images.1}image_swap{/if}">
        <img class="img-responsive product-img1"
          src = "{$product.cover.bySize.home_default.url}"
          alt = "{$product.cover.legend}"
          data-full-size-image-url = "{$product.cover.large.url}"
        >
		{if isset($jpb_phover) && $jpb_phover == 'image_swap' && $product.images.1}
		<img class="img-responsive product-img2"
          src = "{$product.images.1.bySize.home_default.url}"
          alt = "{$product.images.1.legend}"
          data-full-size-image-url = "{$product.images.1.large.url}"
        >
		{/if}
      </a>
    {/block}

Me parece haber encontrado el código donde tendría que cambiar el código y donde pone home_default poner o large_default o large a secas.

Los archivos se encuentran dentro de la carpeta theme/jmsminimal/templates/catalog/_partials/miniatures y son 3 tpl product.tpl prodruct3.tpl y product7.tpl en todos hay ese código....

¿que opinais?

Muchas gracias por vuestra atención!

Link to comment
Share on other sites
osowaken Newbie

osowaken

Posted
  • Author
Posted

Pues me vuelvo a contestar!

Efectivamente he cambiado el código de antes y loden pone "home_default" he puesto "large_default" y así funciona y ya no aparecen las imagenes borrosas!

Muchas gracias a todos!!!

Seguimos con el proyecto

 

Link to comment
Share on other sites
  • 3 years later...
Carlos_Mora Newbie

Carlos_Mora

Posted
Posted

Hola, buenas tardes. 

Tengo el mismo problema de la resolución de imágenes con home_default, ya lo reemplacé por large_default
pero no se corrige el error. 

Estoy viendo que en el backoffice en Diseño - Ajuste de imágenes, en la parte inferior viene el apartado "regenerar miniaturas"
¿será que le falta hacer este paso? 

Espero me puedan ayudar, muchas gracias. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...