Vous avez besoin de créer un site e-commerce PrestaShop ?
Freelance spécialisée dans la création de site de vente en ligne, je réalise des sites performants et ergonomiques, respectant l'univers de votre marque et l'expérience utilisateur.
CONFIEZ-MOI LA CRÉATION DE VOTRE FUTUR SITE E-COMMERCE
Dans ce tutoriel, nous allons voir comment configurer les mails dans PrestaShop. En effet, votre site en ligne va envoyer de nombreux messages à vous et vos clients : création de compte, confirmation de commande…. il est alors important de bien paramétrer cette partie.
La procédure est identique pour les deux versions
A) Accéder aux mails
Depuis votre back-office, dans le menu de gauche, cliquez sur Paramètres avancés > E-mail
Dans PrestaShop 1.6 et 1.7, si vos noms de produit sont trop long, ils vont être coupés.
Vous désirez peut-être avoir le nom complet, c’est très simple mais il faudra apporter la modification directement dans le fichier, on ne peut pas le faire depuis le back-office de PrestaShop
PrestaShop 1.6
Ouvrir le fichier product-list.tpl qui se situe dans themes > nomdevotretheme > product-list.tpl
Trouvez le code suivant vers la ligne 114
|
1 2 3 4 5 6 |
<h5> {if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if} <a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" > {$product.name|truncate:45:'...'|escape:'html':'UTF-8'} </a> </h5> |
et remplacez le par (on supprime la partie truncate :45)
Dans ce tuto nous allons voir comment activer le SSL sur votre boutique, c’est tout simple
Lorsque vous regardez l’url des sites web, ils commencent en général par « http:// » ou « https:// ». Ce « s » indique que le site sur lequel vous naviguez est chiffré afin que vos données ne puissent pas être interceptées. Le site est donc sécurisé, cela s’appelle SSL soit Secure Sockets Layer.
Pour pouvoir bénéficier du SSL, il faut demander à votre hébergeur d’installer un certificat SSL pour votre nom de domaine. Il est gratuit comme Let’s encrypt. Une fois installée, il faudra l’activer dans votre PrestaShop
Dans ce tuto nous allons voir comment modifier la police d’écriture avec Google Fonts pour votre site PrestaShop 1.7
A noter: actuellement la police par défaut est Noto Sans, sans-serif
Nous allons choisir notre/nos police(s) d’écriture sur le site de Google Fonts à cette adresse : https://fonts.google.com/
Je vais choisir deux polices d’écriture, 1 pour les paragraphes et une autre pour les titres
Dans cette exemple, on va opter pour Open Sans pour les paragraphes et Fjalla One pour les titres
A) Je recherche ma police d’écriture, pour les paragraphes je sais d’avance ce que je vais prendre je vais donc la chercher directement via le moteur de recherche puis cliquez sur l’icone +
Le tutoriel d’aujourd’hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu’un client effectuera une recherche.
Tout d’abord, connectez à votre back-office et dans le menu de gauche, sélectionnez Configurer -> Paramètres de la boutique -> Rechercher.
Vous arrivez sur une page qui vous permet de paramétrer le moteur de recherche internet de votre boutique. PrestaShop 1.7. Par rapport à 1.6, cette partie n’a pas changée, la procédure est la même.
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
——————
Prestashop 1.6 : {$link->getCmsLink()}
Exemple : l’id de la page cms est 3
|
1 |
<p><a href="{$link->getCMSLink('3', 'CMSpage')|escape:'html'}">{l s='CGV'}</a> |
Prestashop 1.7 : {url entity=’cms’ id=$id_cms}
Exemple : l’id de la page cms est 3
|
1 |
<p><a href="{url entity='cms' id=3}"> {l s='CGV' d='Shop.Theme.Global'}</a></p> |
—————— Lire la suite
Je vais énumérer dans ce tutoriel, les variables utlisées dans Prestashop 1.7,
Pour les découvrir, vous avez deux methodes. Pour les deux méthodes, il faut ouvrir le fichier header.tpl qui se situe dans themes/nomdevotretheme/templates/_partials/header.tpl. En haut de page, vous insérez soit
1) {debug}, lorsque vous allez allez sur votre site vous allez avoir une fenêtre qui va s’ouvrir avec toutes les variables
Un thème Prestashop est un ensemble de fichiers qui permet de gérer les fonctionnalités et le visuel d ‘un site PrestaShop. Si vous apportez des modifications à votre thème, la mise à jour vers de nouvelles versions peut les écraser. C’est dans ce contexte qu’entre la notion de thème enfant.
Un thème enfant hérite des fonctionnalités et du visuel du thème parent. Vous pouvez apporter toutes les modifications que vous désirez dans le thème enfant, les mises à jour ne supprimeront pas vos modifications
La page d’administration “Employés” permet de créer des comptes afin de se connecter au back-office de PrestaShop. La connexion aux back-office se fait grâce à une adresse email et un mot de passe.
A noter : Si vous créez un compte employé unique en SuperAdmin tout le monde pourra modifier les commandes, ajouter/supprimer des produits, accepter ou refuser des paiements…., c’est pour cela que je préconise de créer un compte utilisateur pour chaque employé, ce qui vous permettra de savoir qui fait quoi sur votre boutique. Vous pourrez aussi assigner un profil en fonction du compte utilisateur bloquant certains accès comme la page commande….
Comme vous avez certainement pu le constater, pas mal de fonctionnalités ont disparus dans la version 1.7 de Prestashop. je trouve personnellement qu’il y a encore énormément de bugs, l’ergonomie laisse vraiment à désirer notamment sur la partie mobile….
Une des fonctionnalités qui a été supprimée est le dropdown panier. Voici un tutoriel qui va vous permettre de le remettre.
Tout ce passe dans le module ps_shoppingcart qui si situe à l’intérieur de votre thème, dans cet exemple précis c’est le thème par défaut soit ../themes/classic/modules/ ps_shoppingcart