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

Google Analytics et Prestashop : Installation et configuration
views 11118
Dans ce tutoriel,  nous allons voir comment installer Google Analytics sur son site Prestashop A) Qu'est-ce que Google Analytics ? Google Analytics est un service gratuit d'analyse d'audience d'un site Web. Il vous permet d'obtenir un grand nombre d'informations comme : le nombre de personnes qui visitent votre site ; la localisation géographique de vos visiteurs ; le taux de rebon...
POSITION : inverser le hook displayHome et DisplayHomeTab | Astuce Prestashop 1.6
views 2556
Ce tuto va vous permettre d'inverser le hook displayHome et hookDisplayHomeTab, situé sur la page d'accueil de Prestashop A la base voici comment sont positionnés les deux hooks  : Comment inverser ses deux hooks ?  1. Ouvrez le fichier index.tpl qui se situe dans themes > lenomdevotretheme > index.tpl 2. Mettre le code suivant : Avant 3. Voici le code dans sa totalité ...
Mettre sa boutique en maintenance et accéder à sa boutique  | Prestashop 1.6 et 1.7
views 5257
Lorsque vous désirez effectuer de grands changements sur votre boutique, je vous conseille de mettre votre boutique en maintenance c'est à dire de signaler à vos clients que votre site  est temporairement inaccessible. Vous seul aurez accès à votre boutique pour voir les changements. Si vous travaillez en local, le mode maintenance est inutile dans la mesure où les internautes n'y ont pas accès...
Comment créer une fiche Produit sur Prestashop 1.7
views 10627
Dans ce tutoriel, nous allons voir comment créer une fiche produit dans Prestashop 1.7. Comme vous pourrez le constater, cette page diffère totalement de Prestashop 1.6. Elle a été totalement repensée afin de la rendre plus allégée et plus facile d’utilisation. Etant encore en cours de développement, les traductions ne sont pas encore finies et il reste encore des soucis de mise en page. ...
COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?
views 3724
Dans ce tutoriel, nous allons voir comment ajouter et paramétrer un transporteur, afin que vos clients puissent choisir son mode de livraison sur votre site de vente en ligne. Il existe deux manières à ce jour d'ajouter un transporteur dans Prestashop: utiliser un module du transporteur choisi insérer le transporteur soi-même. A) Quel transporteur utilise un module adapté à Prest...

Laisser un commentaire

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