Chargement...

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. Prestashop 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 Prestashop Puis sélectionnez votre thème et cliquez sur enregistrer. Prestashop
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.



UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW