Personnaliser Prestashop

Thèmes Prestashop

La manière la plus simple de designer une eboutique est incontestablement d'acheter un thème et de changer le logo par celui de son entreprise.
Vous pourrez trouver des centaines de thèmes sur le site de Prestashop : Thèmes Prestashop
Le prix ne dépassent généralement pas les 100 euros, ce qui est très petit budget pour le potentiel d'une eboutique.

Personnaliser son Prestashop

Prestashop est basé sur le moteur de modèle/template de Smarty, ce qui permet aux webdesigners de créer leur propre thème très facilement.

Pour créer un nouveau thème, ajouter un dossier "mon_theme" dans le dossier "themes" qui se trouve à la racine de votre projet.

Il est plus simple de modifier un thème par défaut plutôt que d'en créer un de toute pièce, nous copions collons donc le thème par defaut qui se trouve dans le dossier "default" dans "themes". Vous pouvez églament par d'un thème existant que vous avez acheté.

Vous pouvez maintenant choisir votre nouveau thème ( qui sera visuellement le même que celui apr défaut ) dans le back office sur la page Thèmes dans l'onglet Préférences

Puis sélectionnez votre thème et cliquez sur enregistrer.

Vous pouvez maintenant commencer à modifier vos fichiers pour les personnaliser à votre guise.
Pour modifier uniquement l'aspect visuel, modifiez les CSS dans le dossier /css de votre dossier theme, mais vous pouvez également changer la structure des pages/templates :

Fichier	Description
preview.jpg	Image utilisé pour voir un aperçu de votre theme.
404.tpl	Page affichée lorsqu'une page demandée par l'utilisateur n'a pas été trouvée.
address.tpl	Page affichée qui propose ç l'utilisateur d'ajouter ou de modifier son adresse.
addresses.tpl	Page qui liste toutes les adresses du client.
authentication.tpl	Page login de l'utilisateur.
best-sales.tpl	Page qui liste les meilleurs ventes.
breadcrumb.tpl	Fil d'Ariane de navigation
category.tpl	Page qui liste les produits d'une catégorie
category-tree-branch.tpl	Utilisé uniquement pour le bloc Catégories.
category-cms-tree-branch.tpl	Utilisé uniquement pour le bloc Catégories.
cms.tpl	Pages informatives (onglet "Outil" > "CMS" du back-office).
contact-form.tpl	Formulaire de contact
discount.tpl	Affiche les bons de réduction de l'utilisateur.
errors.tpl	Affiche les erreurs. Cette page est présente sur toutes les pages.
footer.tpl	Pied de page.
guest-tracking.tpl	Cette page est utilisée lorsque l'utilisateur n'a pas de compte sur le site
header.tpl	En-tête de page.
history.tpl	Page affichant les commandes d'un utilisateur.
identity.tpl	Page proposant de changer les informations d'un utilisateur.
index.php	Page blanche, propose aux utilisateurs de voir le contenu du dossier.
index.tpl	Page d'accueil.
maintenance.tpl	Page de maintenance.
manufacturer.tpl	>Page qui liste les fabricants.
manufacturer-list.tpl	Page qui liste les articles d'un fabiquant.
my-account.tpl	Page d'accueil du compte d'un utilisateur.
new-products.tpl	Affiche les derniers produits ajoutés sur le site
order-address.tpl	Page du processus de commande : Étape 1 – choix des adresses (livraison, facturation).
order-carrier.tpl	Page du processus de commande : Étape 2 – choix du mode de livraison.
order-confirmation.tpl	Page de confirmation de commande (après paiement).
order-detail.tpl	Affiche le détail d'une commande de l'utilisateur.
order-follow.tpl	Affiche la page de demande de retour produit d'un utilisateur.
order-payment.tpl	Page du processus de commande : Étape 3 – choix du mode de paiement.
order-return.tpl	Page de détails d'un retour client.
order-slip.tpl	Page listant les avoirs d'un utilisateur.
order-steps.tpl	Barre d'évolution du processus de commande.
pagination.tpl	Page de pagination.
password.tpl	Propose de changer le mot de passe d'un utilisateur.
prices-drop.tpl	Affiche les promotions.
product.tpl	Détail un produit.
product-list.tpl	Liste de produits.
product-sort.tpl	Menu permettant de filtrer une liste de produits.
search.tpl	Page listant les résultats d'une recherche.
shopping-cart.tpl	Panier de l'utilisateur.
shopping-cart-product-line.tpl	Page de détail d'une ligne du panier.
sitemap.tpl	Plan du site.
supplier.tpl	Affiche les produits d'un fournisseur.
supplier-list.tpl	Affiche les fournisseurs.
thickbox.tpl	Page de zoom d'une photo d'un produit.