Taille des Images du thème par défaut de Prestashop 1.6

Ce tutoriel va vous permettre de connaitre la taille des images du thème par défaut de Prestashop

La plupart des images que vous téléchargez dans le back-office doivent être enregistrées au format .jpg ou .png. Attention pour activer le format png il faut aller dans Préférences > Images et dans la partie « Options de génération d’images », cochez dans format d’image : Utiliser le PNG uniquement si l’image de base est au format PNG.

Capture d’écran 2015-11-09 à 22.16.50

Voici un tableau récapitulatif de la taille de vos images de la boutique Prestashop 

images-demo1-657x345

Bloc Bannière

Pour modifier cette image, il faut aller dans Modules et Services > Modules et Services > Bloc bannière
La taille recommandée est 1170 x 65 pixels

Logo

Pour modifier cette image, il faut aller dans Préférences > Thème
La taille recommandée est 370 x 99 pixels

Diaporama pour votre page d’accueil

Pour modifier cette image, il faut aller dans Modules et Services > Modules et Services > Diaporama pour votre page d’accueil
La taille recommandée est 779 x 448 pixels

Configurateur de thème Top & Configurateur de thème Home

Pour modifier ces images, il faut aller dans Modules et Services > Modules et Services > Configurateur de thème

Photos Produits

Les photos produits se déclinent sous différentes tailles selon l’endroit où vous êtes.

La photo la plus grande se trouve lors du zoom sur la fiche produit. La taille de l’image est de 800 X 800. Heureusement Prestashop, redimensionne automatiquement les images afin de les adapter au thème par défaut. Vous n’avez donc qu’à les charger qu’une seule fois (dans la fiche produit) au format 800X800

Il est possible de modifier les paramètres par défaut de l’image, pour cela il faut aller dans Préférences > Images

 

Articles similaires

Désactiver le bouton Comparer | Astuce Prestashop 1.6
views 2267
On me demande très souvent comment on désactive la partie « comparer » dans le back office de Prestashop. C'est très simple : Allez dans le back office de Prestashop puis dans Préférences > Produits, puis mettre 0 à comparaison de produits Et voila le tour est joué.
Configurer le mode multi-boutique dans PrestaShop 1.6 & 1.7
views 25221
A NOTER : malheureusement à ce jour, il existe encore pas mal de bugs avec la version 1.7 (la dernière 1.7.6 ne régle pas tous les problèmes) Qu’est ce que la multi-boutique ? La multi-boutique est un groupe de boutiques qui partage la même administration. Vous pouvez donc gérer plusieurs boutiques avec un même back-office PrestaShop. Pour qui ? des commerçants qui désirent faire du B2B ( ...
Désactiver les deux zooms de la page produit | Astuce Prestashop 1.6
views 4328
Ce tuto simple et rapide va vous permettre de désactiver les deux zooms de la page produit. Cette astuce est valable Prestashop 1.6. Le code étant pratiquement similaire, ce tuto peut aussi s'appliquer à Prestashop 1.5 ---------------------- Sur la page produit, il existe deux types de zoom : 1) Le zoom "pop-up" 2) Le zoom "Jqzoom" Si vous ne désirez pas avoir de zoom...
Petit aperçu du thème Classic de prestashop 1.7
views 7625
Prestashop vient de sortir la version  1.7.0.0 RC0. A noter, par rapport à la version Prestashop 1.6, le thème a été totalement repensé afin d'être plus minimaliste, fonctionnel et ergonomique. Il faut savoir aussi que la migration de Prestashop 1.6, 1.5....  vers  PrestaShop 1.7 sera impossible. D'un point de vue perso : - je ne suis pas fan des couleurs en particulier le gris (je l...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 2
views 5446
Pour rappel, le menu du back-office de Prestashop 1.7 est organisé en 3 parties : Vendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)  Personnaliser qui regroupe les modules, le design, le transport, le paiement et l’international Configurer qui regroupe les préférences et les paramètres avancés. Dans cet article, nous allons ...

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *