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

Comment afficher les prix avec/sans décimales | Astuce Prestashop 1.6
views 2521
Il est très simple depuis le back-office de Prestashop d'afficher les prix avec ou sans décimales. Quel est le processus ?  A) Connectez vous dans le back-office de Prestashop  B) Allez dans l'onglet Localisation > Devises C) Cliquez sur le bouton "Modifier" de la devise que vous désirez modifier D) Activer / Désactiver les décimales E) Enregistrez !
Où Changer le nom de sa boutique | Astuce Prestashop 1.6
views 3510
Si vous désirez modifier le nom de votre boutique sur le cms Prestashop, suivez ce petit tuto Comment modifier le nom de sa boutique depuis le back-office de Prestashop ? Connectez-vous au back-office de Prestashop Allez dans Préférences > Coordonnées et Magasins 3. Il faut scroller un peu jusqu'à "Coordonnées" Cette partie propose plusieurs réglages : - Nom de la bout...
POSITION : inverser le hook displayHome et DisplayHomeTab | Astuce Prestashop 1.6
views 2470
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é ...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 1
views 4692
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...
Ajouter un fichier audio sur les page cms | Astuce Prestashop 1.6
views 1089
Vous avez peut-être essayé d'insérer un fichier audio dans vos pages cms mais sans succès ? Voici un petit tuto rapide (3 étapes) qui vous le permettra Étape 1 : Ouvrir le fichier config.php dans admin/filemanager/config/config.php Remplacer le code suivant Par Étape 2 : Allez dans le dossier  admin/filemanager. Ici on va s'occuper de deux fichiers : plugin.min.js et plugin.js ...

Laisser un commentaire

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