Guide Ultime d’Installation d’une Boutique b2c/b2b Prestashop 1.6 – Partie 5

Partie 5 : Configuration des thèmes

Enlever la possibilité de s’inscrire sur le b2b et le terminal de paiement

Dans le fichier themes/<current_theme>/authentication.tpl

Mettre en commentaire le code suivant :

Trier les déclinaisons par ordre alphabétiques sur la page produit

*à refaire à chaque mise à jour de Prestashop

Dans classes/Product.php ou override/Product.php

Rechercher :

et remplacer par :

Réglages des textes

*Astuce : Enregistrer les fichier Word en html filtered et importer le code source

Formulaire de Contact

  • Clients > Contact > Webmaster > Remplir
  • Clients > Contact > Service Client > Remplir
You don't have permission to access this content

Réglages du Footer

  • Modules > Bloc CMS > Tout désactiver
  • Préférences > CMS > Tout désactiver
  • CMS > Legal Notice > Remplir
  • CMS > Sales Conditions > Remplir
  • CMS > Secure payment > Remplir
  • CMS > Legal Notice > Remplir
  • CMS > Highlight > Remplir
  • CMS > Press > Remplir
  • CMS > Repairs > Remplir
You don't have permission to access this content
  • Modules > Bloc CMS > Bloc à gauche > Cocher les pages qui nous intéresse
  • Modules > Bloc CMS > Configuration des divers liens du pied de page > Cocher les pages qui nous intéresse
  • Modules > Bloc CMS > Ajouter le lien « Nous contacter » dans le pied de page

À propos du thème Eveprest

Désactiver les modules inutiles
  • Désactiver Flux Sociaux TemplateMonster
  • Désactiver TM 360 view
  • Désactiver TM One Click Order
  • Désactiver TM Products Manager v0.0.1
  • Désactiver TemplateMonster Mosaic Products
  • Désactiver TM Look Book
  • Désactiver TM Look Book Home Page
  • Activer TM Media Parallax
  • Activer TM Collections
  • Activer TM Search
  • Activer TM Newsletter
  • Activer TM Product Zoomer
  • Activer TemplateMonster Product List Gallery
  • Activer TM Category Products
  • Activer TM Homepage Category Gallery
  • Activer TM HTML Content
  • Activer TM Product Videos
  • Activer TM Related Products

TM Header Account Block

  • Utiliser redirection > Oui
  • TM Header Account Block > Désactiver Facebook Login
  • TM Header Account Block > Désactiver Google Login
  • TM Header Account Block > Désactiver VK Login

Réglages Popup

  • Module TM Newsletter > User Settings -> Mode direct
  • Popup title > MC Davidian – Inscription à notre newsletter
  • Popup title > MC Davidian – Subscribe to our newsletter
  • Popup message > Bonjour et bienvenue sur notre nouveau site internet ! Celui est encore en construction mais la version finale devrait être opérationnelle bientôt.
  • Popup message > Hello and welcome to our new website! This website is still under construction but the final version should be operational soon.
  • Timeout for guests > 10000
  • First delay > 10000
  • Module TM Newsletter > Guest Settings > Idem

Réglages Menu Layout

  • Module > TM Mega Layout
    • Header 3
    • Top Column 3
    • Home 4
    • Footer 3

À propos du thème Eveprest – Drug Store

Réglages du thème : Slider

*Beaucoup de bugs avec ce module, je conseille plus le diaporama classique

  • MotoPress Slides > Image\Slider\Resize for Slider
  • Ajouter Slider
    • SLIDER SETTINGS
      • Slider title > TopColumnSlider
      • Slider alias > new-slider
      • Slider shortcode > [mpsl new-slider]
      • Force full width > Oui
      • Force full height > Non
      • Force full size grid > Non
      • Layers grid size > 1920 x 804
      • Enable slideshow > Oui
      • Slideshow delay > 7000
      • Slideshow animation > Fade
      • Slideshow duration > 500
      • Slideshow easings > easeOutCirc
      • Start with slide > 1
    • CONTROLS
      • Show arrows > Oui
      • Show bullets > Non
      • Show slideshow timer > Non
      • Show slideshow play/pause button > Non
      • Hide controls when mouse leaves slider > Non
      • Pause on hover > Oui
      • Reverse order of the slides > Non
      • Show counter > Non
      • Enable swipe > Oui
    • APPEARANCE
      • Non ! Check Main Page (displayHome)
      • Check Home tab (displayHomeTabContent)
      • Visible > from 768px
      • Initialization delay > 0
      • Initialize slider on scroll > Non
      • Slider custom styles > 1
  • MotoPress Slides > Image Library > Image\Slider\Resize for Slider

Image et texte du Slider

  • Ajouter les diaporama > Image\Slider\Resize for Slider
  • Ajouter les textes > Texte du Site\Texte Slider
  • URL cible > login / login

Images des catégories

  • Ajouter les images dans Image de la catégorie > Modifier > Banbnière > Image\Slider\Resize for Slider

Réglage du Méga Menu

  • Réinitialiser le module
  • Remplisser votre menu
You don't have permission to access this content

Réglages du thème : Configurateur de thème

  • Modules > Modules > Configurateur de thème > Mettre toutes les images existantes dans le point d’accroche Home
    Point D’accroche « Home » > Image\Configurateur de Thème\Top
  • Supprimer les éléments présents

Blog

Astuce : Pour importer les articles de blog facilement, enregistrer l’article dans un fichier Word en html filtered et importer le code source

  • Blog > Blog Comments > Supprimer tout
  • Blog > Blog Post > Supprimer tout
  • Blog > Blog Category > Supprimer tout
  • Blog > Blog Category > Add
  • Titre Méta > Magasins & Distributeurs / Shops
    • Réécriture du Lien > magasins-et-distributeurs / shops
  • Blog > Blog Category > Add
    • Titre Méta > Entretien / Maintenance
    • Réécriture du Lien > entretien / maintenance
  • Blog > Blog Category > Add
    • Titre Méta > Événement / Event
    • Réécriture du Lien > evenement / event
  • Module > Smart Blog > Titre Méta >Votre titre de blog
  • Module > Smart Blog > Mot Clé Méta > Vos mots clés méta
  • Module > Smart Blog > Description Méta > Votre description méta
You don't have permission to access this content
  • Module > Smart Blog >  Url Principale du Blog > blog
  • Localisation > Traductions des modules installés > blockpermanentlinks-header > blog > Blog
  • Localisation > Traductions des modules installés > blockcms > blog > Blog
You don't have permission to access this content

CSS

* Spécifique au thème Eveprest – Drugstore, je ne conseille pas d’appliquer ces changements

Les icônes du menu du header

Dans themes/<theme>/css/global.css (ou les fichiers correspondants)

Dans themes/<theme>/css/modules/tmheaderaccount/view/css/tmheaderaccount.css

Dans themes/<theme>/css/blockcart/blockcart.css

Dans themes/<theme>/css/blockwishlist/blockwishlist.css

Dans themes/<theme>/css/modules/tmsearch/view/css/tmsearch.css

Dans themes/<theme>/css/modules/tmmegamenu/view/css/tmmegamenu.css

Couleur du bandeau

Dans themes/<theme>/css/global.css (ou les fichiers correspondants)

Couleur des fonds

Dans themes/<theme>/css/global.css

Couleur de la description de la catégorie

Dans themes/<theme>/css/global.css

Les marges

Dans themes/<theme>/css/global.css (ou les fichiers correspondants)

Dans themes/<theme>/css/category.css

Décalage des icônes couleurs dans Eveprest

Dans themes/<theme>/css/global.css

Rajouter le css ci dessous pour le padding et rendre les pastilles couleurs rondes :

Dans <theme>/product.tpl

  • Chercher {if $img_color_exists}
  • Rajouter ce code juste après title= »{$colors.$id_attribute.name|escape:’html’:’UTF-8′} » et avant la balise >

Cacher le stock restant pour le site boutique

Dans <themes>/css/global.css

Cacher les capsules de couleurs dans la liste des produits

Dans <themes>/css/global.css

Changer la couleur de la bordure de la newsletter

Dans <themes>/css/global.css

Changer la couleur de la bordure de la fenêtre de tri

Dans <themes>/css/global.css

Changer la couleur de la barre du header

Dans <themes>/css/global.css

Changer la couleur des bordures autour des photos

Cacher les sous catégories dans la bannière de catégorie

Dans <themes>/css/product_list.css

Changer le heartbeat lors des chargements

Dans <themes>/css/product_list.css

  • Chercher :

  • Et le remplacer par :

Changer la taille des images des catégories

Dans <themes>/css/global.css

Centrer le menu

Dans <themes>/css/global.css

Et pour center les textes du menu :

Enlever Sitemap dans le menu haut

Dans <themes>/css/global.css

Centrer les éléments de Prestaboost

Dans <themes>/css/global.css

Réglages du thème b2b et du terminal de paiement

CSS

Mettre les capsules de couleurs plus grande

Dans themes/<theme>/css/global.css

Enlever les bannières d’origines

  • Désactiver module Bloc Bannière

Menu

Module > Menu Haut Horizontal > Rajouter les catégories de niveau 1 et collection

Pour centrer le menu :

Dans themes/<theme>/css/global.css

Breadcrumb

Si il y a un problème avec le breadcrumb, c’est à cause d’un problème d’import de catégorie.
Pour faciliter la tâche, on le cache :

Dans themes/<theme>/css/global.css

Filtre navigation à facette

Parfois, il y a beaucoup de template qui se sont crées tout seul. Il vaut mieux les supprimer. Pour cela, il faut :

  • Modules > Navigation à facette > Réinitialiser
  • Modules > Navigation à facette > Mes filtres > Sélectionner toutes les catégories
  • Modules > Navigation à facette > Indexer les prix manquants
  • Modules > Navigation à facette > Reconstruire l’index intégraqement
  • Modules > Navigation à facette > Indexer les attributs
  • Modules > Navigation à facette > Indexer les URL
  • Préférences > Rechercher > Ajouter à l’index les produits manquants
  • Préférences > Rechercher > Reconstruire l’index

Pour la recherche, il peut être utile de rajouter à la volée tous les produits dans la classe root. Pour cela il suffit d’exécuter la commande SQL :

où id_root est l’identifiant de la catégorie root

Produits mis en avant

  • Modules > Modules > Produits mis en avant sur la page d’accueil
  • Nombre de produits à afficher > 12
  • Catégorie des produits à afficher > id_root_b2c

  • Modules > Modules > Produits mis en avant sur la page d’accueil
  • Nombre de produits à afficher > 12
  • Catégorie des produits à afficher > id_root_b2b

SEO

Régler le robot.txt

  • Préférences > SEO & URL > Générer le robots.txt

Dans /robot.txt, ajouter ces lignes :

Texte Index

  • SEO & URL > Remplir
You don't have permission to access this content

Désactivation des produits sans image prestashop

Si le besoin est, réactivation des produits sans image Prestashop :

Finalisation

*Vous devez vous assurer à partir de maintenant que votre URL est votre URL définitive. Le site internet doit être installer sur votre nom de domaine de production.

Changer le message de paiement lors d’une commande sur le b2b

Je conseille de mettre vos conditions de vente dans les encadrés du module de paiement (lors de la confirmation de la commande). Pour cet exemple, je stipule aux nouveaux clients qu’ils doivent payer en avance avant l’envoi de leur commande. Pour les prochaines commande, je mets que les paiement s’effectue 30 jours après la confirmation de commande.

Virement Bancaire
  • Traduction > Traduction des modules instalés > English > DEFAULT-BOOTSTRAP – PAYMENT > (order processing will be longer) > (new customer must pay before the shipment of their first order, next order are net 30 days)
  • Traduction > Traduction des modules instalés > Français > DEFAULT-BOOTSTRAP – PAYMENT > (order processing will be longer) > (les nouveaux clients doivent payer avant l’envoi de leur première commande. Les commandes suivantes doivent être payées dans un délai de 30 jours)
Chèque
  • Traduction > Traduction des modules instalés > English > DEFAULT-BOOTSTRAP – PAYMENT > (order processing will be longer) > (new customer must pay before the shipment of their first order, next order are net 30 days)
  • Traduction > Traduction des modules instalés > Français > DEFAULT-BOOTSTRAP – PAYMENT > (order processing will be longer) > (les nouveaux clients doivent payer avant l’envoi de leur première commande. Les commandes suivantes doivent être payées dans un délai de 30 jours)

Rajouter un petit texte pour rappeler au client de stipuler les conditions de la douane dans son pays

Je pense qu’il est important de rajouter ce petit texte pour éviter des livraisons bloquées par la douane.

Dans <themes>/order-carrier.tpl

Rechercher

Et rajouter juste après :

Puis le traduire :

  • Traduction > Traduction du front-office > Français > Please inform us about the customs details for a quick delivery! >  » Merci de nous informer des détails d’expédition (déclaration douanière par exemple) pour une livraison plus rapide ! »

Changer URL de la plateforme de test sur la plateforme réel

*Dans le cas où vous avez développer votre site sur une URL de test et que vous souhaitez la changer. Vous n’avez pas besoin de faire celaz si vous avez copier vos sites internet avec Softaculous

  • Se connecter à la base de donnée et changer les url dans la table ps_shop_url
  • Changer les cron si vous les avez déjà indiquer

Ou

  • Paramètres avancés > Multiboutique > Changer les URL > Enregistrer

Réinitialisation en cas de changement d’URL

Il faudra réinitialiser et reconfigurer les modules suivant :

  • Paypal
  • Stripe
  • Social Login

Activer SSL

  • Préférence > Paramètres Généraux > Activer le SSL > OUI
  • Préférence > Paramètres Généraux > Activer le SSL sur tout le site > OUI
  • Préférence > Paramètres Généraux > Règle d’arrondi > Arrondir vers l’infini quand valeur à mi-chemin
  • Préférence > Paramètres Généraux > Type d’arrondi > Arrondir pour chaque article
  • Préférence > Paramètres Généraux > Nombre de décimales > 0

Formulaire de contact

  • Tester le formulaire de contact avec son propre e-mail.
  • Si il y a un problème

Dans <theme>/contact-form.tpl, rechercher :

Et rajouter ces deux lignes :

Installer les alertes e-mails

*À Faire impérativement après l’import sinon spam de mail

  • Paramètres Avancés > Email > Email > Utiliser mes propres paramètres SMTP (pour les experts uniquement)
  • Email > Nom de domaine des e-mails > Votre adresse e-mail
  • Serveur SMTP > Votre serveur SMTP
  • Utilisateur SMTP > Votre utilisateur SMTP
  • Mot de passe SMTP > Attention : Pas de caractères spéciaux
  • Chiffrement > SSL
  • Port > 465
  • Module > Modules > Rechercher « alerte mail »
    • Disponibilité du produit > Non
    • Order edit > Non
    • Nouvelle commande > Oui
    • Rupture de stock > Non
    • Seuil > 1
    • Alerte de couverture > Non
    • Couverture > 0
    • Returns > Oui
    • Adresses e-mail > Votre adresse e-mail
You don't have permission to access this content

Installer Google Sitemap (1er Méthode, non conseillée mais rapide)

  • Installer le module gsitemap, si vous ne l’avez pas d’origine vous pouvez le télécharger ici : https://github.com/PrestaShop/gsitemap
  • Remplacer gsitemap.php par son fix : https://www.sunnytoo.com/forums/topic/sitemap-stblog-for-google-sitemap-v3-2-2
  • Modules > Modules > gsitemap > Cocher toutes les cases > Generate sitemap
  • (?) Cocher Check this box if you wish to check the presence of the image files on the server
  • Dans Google Webmaster > Sitemaps > Mettre le Sitemap généré
  • Dans Google Webmaster, rajouter dans Search Console les XML et les propriétés https et http avec et sans www
  • Mettre le cron (voir ci-dessous)

Installer Google Sitemap (2nd Méthode, non conseillée)

  • Générer son sitemap avec https://www.xml-sitemaps.com/
  • Dans Google Webmaster > Sitemaps > mettre le Sitemap généré
  • Dans Google Webmaster, rajouter dans Search Console les XML et les propriétés https et http avec et sans www

Installer Google Sitemap (3ème Méthode, conseillée)

  • Télécharger Simple Sitemap Creator 1.33
  • Entrer l’URL du site avec le suffixe de la langue et un  et faire télécharger le sitemap.xml pour toutes les langues
  • Trier le sitemap
    • Il peut s’avérer pertinant de désactiver les fabricants dans Catalogue> Fabricants si cela ne vous sert à rien
    • Il peut s’avérer pertinant de désactiver les fournisseurs dans Catalogue> Fournisseurs si cela ne vous sert à rien
  • Dans Google Webmaster > Sitemaps > mettre le Sitemap généré
  • Dans Google Webmaster, rajouter dans Search Console les XML et les propriétés https et http avec et sans www

Automatisation cron

  • Modules > Éditeur de tâches cron
  • Ajouter cron
    • Description de la tâche > Mettre à jour les devises
    • Lien cible > Mettre le lien qui se trouve dans Localisation > Devises
  • Ajouter cron
    • Description de la tâche > Mettre à jour l’index de Recherche
    • Lien cible > Mettre le lien qui se trouve dans Préférences > Rechercher
  • Pour le sitemap, ajouter cron
    • Description de la tâche > Mettre à jour le sitemap
    • Lien cible > Mettre le lien qui se trouve dans Modules > Modules > gsitemap (pour chaque boutique)

Performances

  • Compilation des templates > Recompiler les fichiers de templates s’ils ont été mis à jour
  • Cache > Oui
  • Type de mise en cache > Système de fichier
  • Vider le cache > Vider le cache chaque fois qu’il y a une modification
  • Désactiver les modules non développés par PrestaShop > Non
  • Désactiver toutes les surcharges > Non
  • Caractéristiques > Oui
  • Groupes de clients > Non
  • « Smart cache » pour les feuilles de style > Oui
  • « Smart cache » pour le code JavaScript > Oui
  • Réduction du code HTML > Oui
  • Compression du JavaScript dans le code HTML > Non
  • Déplacer le code JavaScript à la fin > Oui
  • Optimisation Apache > Oui
  • Utiliser le cache > Oui
  • Système de cache > Memcached

Enlever « powered by PrestaShop™ » dans les emails :

Méthode lente (très lente)

  • Localisation > Traductions > Modifier les Traductions > Traduction des modèles d’emails > thème > langue > HTML

Méthode rapide

*Je conseille de télécharger votre site et de faire une recherche de sous-dossier avec notepad++ pour déduire quels fichiers doivent être modifier. Pour ce tutoriel, voici la liste :

Ce qu’il faut remplacer :

 

Texte à Remplacer Texte Remplacé
This store is powered by PrestaShop This store is powered by Votre magasin
powered by <a href=’http://www.prestashop.com/’> powered by Votre magasin
http://www.prestashop.com/ https://www.votremagasin.com/
powered by PrestaShop(tm) powered by Votre magasin
réalisé avec PrestaShop(tm) réalisé par Votre magasin
creado por PrestaShop(tm) creado por Votre magasin
lanzado por PrestaShop™ lanzado por Votre magasin
powered by PrestaShop™ powered by Votre magasin
PrestaShop(tm) Votre magasin
PrestaShop™ Votre magasin
réalisé avec réalisé par
PrestaShop&trade; Votre magasin&trade;
You don't have permission to access this content

Augmenter la limite des noms et des descriptions courtes dans la product-list

Dans <theme>/product-list.tpl, rechercher :

Et remplacer par :

Puis rechercher :

Et remplacer par :

Centrer les noms et des descriptions courtes

Dans themes/<theme>/css/global.css

Changer Title en Salutation pour l’inscription

  • Localisation> Traduction > Traduction du back-office > thème > English > Authentication > Title > Salutation
  • Localisation> Traduction > Traduction des modules installés > thème > English > Tmheaderaccount-content> Title > Salutation

Cocher la case « Inscription à Notre Newsletter » par Défaut

Dans theme/modules/tmheaderaccount/view/templates/hook/tmheaderaccount-content.tpl, rechercher :

Et remplacer par :

Source : https://www.prestashop.com/forums/topic/184955-newsletter-check-box-set-at-checked-for-default/

Enlever le code EAN des URLs

  • Préférences > SEO & URL > Route vers les produits > p/{id}-{rewrite}.html

(La valeur par défaut devrait être {category:/}{id}-{rewrite}{-:ean13}.html)

Arrondir les boutons du Slider

Dans theme/<theme>/global.css :

Cacher les transporteurs non disponibles

Dans theme/<theme>/global.css :

Changer la police du site Internet

*Pour ma part, j’ai choisi une police sur le site typenetwork.com

Dans theme/<theme>/global.css :

Et on rajoute cette restriction pour ne pas affecter FontAwesome :

Autre

Adaptation de la traduction

  • Localisation > Traductions > Modifier les Traductions > Traduction du front-office > thème > langue > PRODUCT
    • Changer « Nouveau Produit » en « Produit Neuf » (plus adapté)
  • Localisation > Traductions > Modifier les Traductions > Traduction des modules installé > thème > langue > INTEGRAL_EVOLUTION_PAYMENT
  • et Localisation > Traductions > Modifier les Traductions > Traduction des modules installé > thème > langue > EXPRESS_CHECKOUT_PAYMENT
    • Changer « Payez par carte ou par compte PayPal » en « Payez par compte PayPal »
    • Changer « Pay with your card or your PayPal account » en « Pay with your PayPal account »

Mettre le cadre de paypal à la bonne taille

Pour la version 3.11.6

Dans modules/paypal/views/templates/front/order_checkout_payment.tpl

Pour la version 3.12.0 ou supérieur

Dans modules/paypal/views/templates/hook/express_checkout_payment.tpl

Remplacer

Par

Configurer Google Search Console

  • Rendez-vous sur https://support.google.com/analytics/answer/1012264?hl=fr
  • Ne pas oublier de connecter le compte Google Search Console et Google Analytics

Configurer Google Tag Manager

Google Tag Manager

J’ai rajouté le tag grâce a deux tutoriels :

  • http://rocinantesoftware.blogspot.com/2015/05/prestashop-16-and-google-tag-manager.html
  • https://www.bruno-guyot.com/google-tag-manager-ecommerce-prestashop.php

Redirections pour certaines pages

Dans .htaccess :
redirect 301 /repairs /en/content/12-repairs
redirect 301 /reparations /fr/content/12-reparations

redirect 301 /cleaning /en/module/smartblog/details?id_post=5&slug=How-to-Clean-your-Hair-Accessories
redirect 301 /nettoyage /fr/module/smartblog/details?id_post=5&slug=How-to-Clean-your-Hair-Accessories

Redirection des autre domaines:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^mcdavidian.eu [NC,OR]
RewriteCond %{HTTP_HOST} ^www.mcdavidian.eu [NC]
RewriteRule ^(.*)$ http://mcdavidian.com/$1 [L,R=301,NC]

Mettre le site en ligne

  • Remettre les config d’origine pour php
  • Enlever le mode en maintenance

Checking List

  • Vérifier la cookie key
  • Tester la création de compte
  • Tester la connexion avec Social Login avec Paypal et Facebook
  • Vérifier que les pays sont dans l’odre alphabétique lors de la commande
  • Vérifier les suggestions d’adresse Google
  • Vérifier que l’on ne voit pas les prix si on est pas inscrit pour le b2b
  • Checker les footers, SEO des pages CMS de toutes les boutiques
  • Vérifier que Google Analytics fonctionne
  • Vérifier les descriptions des produits
  • Vérifier que les moq n’empeche pas les achat sur le site b2c ou b2c
  • Vérifier les paiements avec Paypal, Stripe et les cartes bancaires
  • Vérifier l’érgonomie du site sur téléphone portable et tablette
  • Tester tous les formulaires de contact
  • Vérifier catégories par catégories dans toutes les boutiques
  • Vérifier le fonctionnement de toutes les URLs
You don't have permission to access this content

Laisser un commentaire

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