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

3 produits achetés le 2ème gratuit | Astuce Prestashop
views 5068
Vous désirez mettre en place une campagne de promotion : x produits achetés, 1 offert. Il est très facile de configurer ce cas de figure dans Prestashop Comment mettre en place cette promotion dans le back-office de Prestashop  ?  A) Connectez-vous au back-office de Prestashop B) Allez dans l'onglet Promotions > Règles Paniers C) Configurer les informations comme ci-dessous ...
Quelques variables qui peuvent vous aider pour votre mise en page – Prestashop 1.7 ...
views 13481
Dans le tuto du jour, je vais énumérer quelques variables de PrestaShop 1.6 PrestaShop 1.7 qui peuvent vous aider pour personnaliser votre site. N'hésitez pas à les partager via les commentaires ------------------ Insérez un lien vers une page CMS dans un fichier TPL Prestashop 1.6 : {$link->getCmsLink()} Exemple : l'id de la page cms est 3

Le nouveau menu du back-office de Prestashop 1.7 – Partie 1
views 4564
La version R.C.0.1 de Prestasho 1.7 est sortie, et grande surprise son back-office a été traduit en français (enfin une grande partie) Par rapport à Prestashop 1.6,  celui-ci a totalement été remodelé. Il se veut plus ergonomique et plus simple d’utilisation. Dans ce tutoriel, nous allons voir comment a été remanié le "menu". Par rapport à Prestashop 1.6, le menu est organisé en 3 parties...
Comment créer une fiche Produit sur Prestashop 1.7
views 9868
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. ...
Quel nom de domaine pour mon site e-commerce
views 111
MON NOM DE DOMAINE Le choix du nom de domaine est la première décision importante lorsque vous décidez de créer un site e-commerce ou un site vitrine. Il est très important de réfléchir à celui-ci avant de faire votre choix car il a un impact direct sur votre image de marque sur le web et sur la facilité avec laquelle les internautes trouveront votre site sur les moteurs de recherche. ...

Laisser un commentaire

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