Donde veo el tamaño de las fotos en prestashop
Prestashop 1.6 / 1.7 Cómo importar a granel combinaciones de productos
Como se mencionó en el artículo anterior sobre plantillas gratuitas para PrestaShop , la plantilla Classic aún no soporta el atributo Srcset de HTML 5 y en consecuencia no permite ofrecer imágenes de alta resolución a dispositivos retina. En el caso del WebP existen varios módulos para PrestaShop, con la nueva versión 8, seguirá habiendo soporte nativo para este formato de imagen. Prestashop presenta el elemento "Generar imágenes de alta resolución" en el back-end que se puede activar en: Diseño> Ajustes de imagen .
Veamos el siguiente ejemplo, los dos primeros logos aparecen idénticos en dispositivos sin alta definición y el tercero, dependiendo de la calidad del monitor, aparecerá más marcado o más pixelado, en las pantallas Retina el logo del centro aparecerá granulado y borroso, el de la izquierda y derecha aparecerán correctos.
Al final del artículo explico cómo simular una pantalla retina en un monitor normal. Sin embargo, puede ver el ejemplo anterior con un zoom del 200% y verá que el logotipo del centro aparecerá borroso, mientras que el de la derecha estará bien definido. El logotipo optimizado de 290 píxeles tiene un peso de 9,6 kb (5Kb en formato WebP calidad 90%), mientras que el logotipo de 580 píxeles pesa 29kb (13,7kb en formato WebP calidad 90%). Una diferencia que puede parecer insignificante, pero que no gustará a las métricas vitales de la web. Sin embargo, estamos hablando de una imagen pequeña con pocos colores y ya optimizada para la web, en el caso de una diapositiva la diferencia entre una imagen de 1920 pixeles y una de 3840 pixeles, es muy grande. Si estamos hablando de un ecommerce y de las miniaturas de las imágenes de los productos de la categoría, utilizar imágenes más grandes de lo necesario nos penalizará y no poco. Por eso con HTML 5 se introdujo el atributo srcset.
¿Cuál es el tamaño de la imagen de categoría de PrestaShop?
El tamaño es de 141 de ancho y 180 de alto.
¿Cómo puedo cambiar el tamaño de una imagen en PrestaShop?
Inicie sesión en su panel de administración de PrestaShop 1.5. Utilizando la barra de menú superior, sitúese sobre la pestaña Administración y seleccione la opción Preferencias. Ahora se encuentra en la pantalla Administración : Preferencias. En la segunda sección, llamada Cuota de subida, verá el campo llamado Límite de subida de imágenes.
¿Dónde se almacenan las imágenes de PrestaShop?
Según Floarian, las imágenes se almacenan en la tabla {DB_PREFIX}image y se ubican en la carpeta img/p en función del id de la imagen. Si ha movido las imágenes según el nuevo sistema, las imágenes se encuentran como dijo Floarian pero url de la imagen será como.. e.g. Es exactamente como este @zzzaaabbb en prestashop v 1..
Cómo cambiar el deslizador de imágenes en PrestaShop 1.7
Permitir a los clientes subir imágenes en la página del producto mediante el uso de FME PrestaShop módulo de carga de imágenes. Obtenga reseñas de imágenes, utilícelo en sitios web para compartir fotos, tiendas de impresión o bases de arte. Algunas características clave se enumeran a continuación:
La extensión PrestaShop Subir Imagen por Cliente permite a sus clientes subir fotos directamente en la página del producto. Pueden subir varias instantáneas y crear una galería. Este módulo de carga de imágenes funciona perfectamente en sitios web donde se necesitan datos de los clientes en forma de imágenes, tales como sitios de intercambio de imágenes, servicios de impresión, enmarcado de imágenes o simplemente aumentar las imágenes relacionadas con el producto que importan a su público.
Ajuste de imagen en PrestaShop 1.7
Por favor, tenga en cuenta que debido al alto número de problemas reportados, algunos errores pueden tardar mucho tiempo en ser resueltos. Si este problema es importante para usted y no puede esperar a que se solucione en el propio tiempo del proyecto, le sugerimos encarecidamente que considere la posibilidad de contratar a un especialista para que le ayude. Si consigues solucionar el problema, por favor, contribuye al proyecto con una Pull Request. Recuerda que cuanta más gente contribuya, mejor será PrestaShop para todos.
OFC podemos hacer {if $configuration.highDpiImagesEnabled} (sí, no está disponible en $configuration array) en smarty y en función de que hacer cambios en la plantilla. La función smarty tiene la ventaja de que no tenemos que contaminar nuestros archivos con código adicional.
@MatShir Tenemos el mismo problema con el nuevo tema, tenemos que mejorar el sistema de imagen con el fin de dar todos los temas de información necesita (jpg, png, webp, avif y todos los tamaños correspondientes (normal, x2, diferentes tamaños con el fin de cargar diferentes imágenes en responsive y deskop))
Cómo diseñar la descripción del producto en PrestaShop
En el panel de administración de su tienda PrestaShop hay una página desde la que puede gestionar la configuración de las imágenes que se muestran en su sitio. Puede editar las dimensiones de los distintos tipos de imágenes y cambiar los tipos de contenido con los que se pueden utilizar; también puede añadir nuevos tamaños de imagen. En esa página también hay opciones para seleccionar el formato de imagen (por ejemplo, JPEG o PNG) que debe utilizarse y opciones con las que puede establecer la calidad de las imágenes; hay algunos ajustes para las imágenes que los clientes pueden cargar para personalizar los productos. En la misma página hay también una función con la que puedes regenerar todas las miniaturas. En este tutorial examinaremos estas opciones con más detalle.
En este tutorial hemos utilizado como ejemplo básico PrestaShop 1.6. Las capturas de pantalla son también de esa versión de PrestaShop. Aunque el diseño del panel de administración es diferente al de PrestaShop 1.5 las opciones de imagen son prácticamente las mismas. Si hay algunas diferencias haremos notas al respecto en el tutorial.