Donde cambiar el image logo de prestashop
PrestaShop 1.6.x. Cómo cambiar las imágenes predefinidas
En prestashop 1.7.8 con los recientes cambios para fijar CLS, valores fijos para la anchura y la altura se ha añadido a la plantilla. Eso causa problemas cuando alguien está añadiendo imágenes con diferente relación que se ha asumido.
Por favor, tenga en cuenta que debido al alto número de problemas reportados, algunos errores pueden tardar mucho tiempo en resolverse. Si este problema es importante para usted y no puede esperar a que se solucione en el propio proyecto, le recomendamos encarecidamente que considere la posibilidad de contratar a un especialista para que le ayude. Si consigues solucionar el problema, por favor, contribuye con la solución al proyecto como una Pull Request. Recuerda que cuanta más gente contribuya, mejor será PrestaShop para todos.
En realidad todo el tema clásico está lleno de valores fijos en las plantillas y css. También carece de clases bootstrap adecuadas (img-responsive/img-fluid). Esa es una de las razones por las que classic es tan malo y necesita un remake completo. Css horrible es otro.
Panel de administración de PrestaShop 1.7.5: cómo cambiar el logotipo de la cabecera
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á existiendo 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.
PrestaShop 1.6.x. Cómo Aplicar Imagen Personalizada
¿Qué tan bien conoce el logotipo en? ¿Cómo personalizarlo y sustituir el que viene por defecto en la plantilla actual por otro? He recopilado en este artículo todo sobre él en una tienda online hecha con la plataforma de comercio electrónico PrestaShop.
Si no eliminas o cambias el predeterminado desde el Panel de Administración, aparecerá en el tema por defecto. En caso de que utilice una plantilla de pago en lugar de una plantilla por defecto, todavía tiene que cambiar la imagen porque el archivo por defecto está hecho por el autor del tema y se mostrará en su tienda.
Se muestra en todas las páginas de la portada de tu tienda (incluido el logotipo de la cabecera). El logotipo de la página de inicio se muestra como una pequeña imagen en la columna izquierda, la cabecera o el pie de página de tu tienda online. Contiene un enlace que salta al sitio web oficial de PrestaShop (es un software de comercio electrónico de código abierto - ¿lo recuerda?).
Es la abreviatura de icono de favoritos. Un favicon suele ser un gráfico cuadrado de 16 × 16 píxeles y se guarda como favicon.ico en el directorio raíz del servidor. Se muestra a la izquierda de la barra de direcciones de tu navegador (la barra de direcciones de Chrome y Opera ya no muestra el icono).
Generador de favicon Prestashop
Puede cambiar el logotipo por defecto desde el backend de su PrestaShop. Después de iniciar sesión, haga clic en la pestaña Módulos y luego en la subpestaña Temas. En la página que se abre puede cambiar el logotipo de cabecera, basta con hacer clic en el botón Examinar en la imagen del logotipo, encontrar la nueva imagen en su equipo local y haga clic en el botón Guardar.
Para poder ver los cambios en el frontend de tu PrestaShop, antes de modificar los archivos de plantilla ve a la pestaña Preferencias del backend de tu tienda, haz clic en la subpestaña Rendimiento y establece la opción Forzar compilación en Sí. Desactívala cuando hayas terminado con las modificaciones y hayas comprobado los resultados en el frontend.
No olvides que cualquier cambio en el código de los archivos de plantilla se sobrescribirá cuando actualices ese tema. En el caso del tema por defecto, la actualización de PrestaShop sobrescribirá cualquier modificación en el tema de prestashop.