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

Quel nom de domaine pour mon site e-commerce
views 175
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. ...
COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?
views 3598
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...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 4499
Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 -------------------------- On va dans un premier temps greffer le module au hook displayNav : 1) Modules > Position > Greffer un module (en haut à droite). Greffer le module "Menu Haut Horizontal sur displayNav. 2) Cliquez su...
Configurer les réseaux sociaux sur la page produit | Prestashop 1.6 et 1.7
views 5911
Aujourd'hui, nous allons voir comment configurer les réseaux sociaux sur les pages produits de votre boutique e-commerce sous Prestashop 1.6 et 17 La configuration  est identique sur les deux versions, mais le chemin d'accès est différent. ———————————————————————————————————————— Tutorial pour Prestashop 1.6 Etape 1: Tout d’abord, connectez-vous au back-office de votre site Prestashop ...
Contact SAV / Adresse boutique – Prestashop 1.7
views 1078
La partie contact SAV et magasins dans Prestashop 1.7 et dans le même onglet : Paramètres de la boutique > Contact 1) Onglet Contacts Cet onglet vous permet de paramétrer les mails que vous désirez pour le SAV. Par défaut, 2 contacts sont déjà insérés : service client / webmaster. Vous pouvez en ajouter / supprimer     Vous pouvez voir apparaitre les contacts d...

Laisser un commentaire

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