Installation du thème ONE SEO pour PrestaShop

Cela se passe via l’installateur de PrestaShop, dans : Apparence ->  Thème et logo ->  Ajouter un thème
Si besoin, configurer ensuite les modules nécessaires sur l’accueil (Carrousel, Bannière, Editeur de page d’accueil, etc), dans Apparence -> Positions

Nous vous fournissons 2 thèmes

  • 1 thème parent : il doit obligatoirement être installé, c’est le thème principal.
  • 1 thème enfant : il peut être installé en complément si vous comptez apporter des modification au thème parent.

Quel est l’intérêt d’un thème enfant ?

Il faut savoir que si vous modifiez le thème parent directement, ces modifications seront perdues à la prochaine mise à jour du thème. En conséquence, toutes les personnes qui auront personnalisé leur thème directement sur le thème parent, ne seront plus en mesure de mettre à jour leur thème ou alors une fois la mise à jour terminée, ils constateront que toutes leurs modifications ont été perdues. Utiliser un thème enfant vous permet d’apporter des modifications à votre thème, sans jamais avoir à toucher aux fichiers originaux du thème parent.

Utilisation du thème ONE SEO et de ses modules

Module Thème Editor

Réglages communs

  • Couleurs personnalisables
  • Largeur du thème
  • Polices d’écritures (Google Fonts)

Réglages header

  • Personnalisation du header
  • Affichage ou pas de la topbar
  • Contenu de la baseline dans topbar

Réglages menu

  • Personnalisation du menu

Réglages accueil

  • Personnalisation de l’accueil
  • Titre H1 de la page d’accueil
  • Titres et sous-titres des différents blocs
  • Bannières
  • Ordres des blocs

Réglages catégories

  • Titre et sous-titre

Réglages produits

  • Personnalisation des pages produits

Réglages footer

  • Personnalisation du footer
  • Obfusquer les liens du footer ou pas (sur toutes les pages ou que sur l’accueil)
  • Réseaux sociaux
  • 4 éléments de réassurance, pour les icônes : il faut les importer ou les choisir ici http://themes-pixeden.com/font-demos/7-stroke/ ou https://fontawesome.com/icons?d=gallery (modifier le code comme ceci, exemple : fas fa-truck -> icon icon-truck)
  • Masquer l’émail dans les coordonnées
  • Masquer le fax et le téléphone
  • Texte RGPD pour la newsletter

Custom codes

  • Intégration de codes personnalisés

Module Carrousel

  • Slides de la page d’accueil

Module SeoPresta Silo

  • Gestion des silos : créer les silos, associer les silos aux catégories produits, pages cms, catégories du blog, etc

Module SeoPresta Menu

  • Gestion du menu principal avec gestion des silos

Module Bannière

  • Image de fond et texte pour l’effet parallax sur l’accueil

Module Bloc de texte personnalisé / Editeur de page d’accueil

  • Texte SEO de la page d’accueil

Module SmartBlog

  • Blog intégré à SeoPresta Thème

Module Inscription à la newsletter

  • Texte newsletter présent dans le footer

Fonctionnalités natives à PrestaShop, hors modules

  • Apparence -> Link Widget : les liens présents dans le footer (à associer au point d’accroche « display footer »)
  • Catalogue -> Catégories : textes SEO (sous les produits des pages catégories) à intégrer directement sur les pages catégories
  • Paramètres de la boutique -> Contact -> Magasins : coordonnées dans le footer (présent aussi sur les factures)

Personnalisation du thème ONE SEO

Voici une liste de ce qu’il vous faudra préparer pour paramétrer et personnaliser ONE SEO. Tout ceci n’est pas obligatoire, c’est en fonction des modules et fonctions que vous utiliserez.

Visuels à préparer pour ONE SEO pour PrestaShop

  • Logo header : 211 x 43 pixels
  • Logo footer : 270 x 54 pixels
  • Slides accueil : dimensions libres (1170 x 600 pixels détourés, PNG transparent, sur la démo)
  • 3 bannières accueil : 370 pixels x hauteur variable (472 sur la démo)
  • Image parallax : 1920 x 1281 pixels
  • Produits : 800 x 800 pixels
  • Catégorie produits (bandeau principal) : 1920 x 420 pixels
  • Catégorie produits (miniature) : 800 x 800 pixels
  • Articles blog : 1170 x 780 pixels
  • Logos des marques : 800 x 800 pixels
  • 4 pictos réassurance footer : 70 x 70 pixels, ou à choisir ici : http://themes-pixeden.com/font-demos/7-stroke/ ou https://fontawesome.com/icons?d=gallery (modifier le code comme ceci, exemple : fas fa-truck -> icon icon-truck)

Pour éditer et redimensionner les images : https://pixlr.com
Pour alléger les images, principalement celles sur l’accueil : https://compressor.io ou https://www.jpeg.io
Pour rechercher des images background : https://www.toptal.com/designers/subtlepatterns/
Pour recherches des pictos pour la réassurance : https://www.flaticon.com

Textes à préparer pour ONE SEO pour PrestaShop

  • Baseline du header
  • Titre H1 accueil
  • Texte SEO sous H1 accueil : 200 à 300 mots en utilisant une sémantique riche
  • Texte présent sur les slides
  • Texte présent sur l’image parallax
  • 4 textes de réassurance footer (à associer aux 4 pictos)
  • Textes SEO en bas des fiches catégories (300 mots minimum)

Pour contrôler que les textes soient bien uniques : https://www.copyscape.com

Choix des polices d’écriture

Il est possible de changer la police d’écriture en utilisant celles de Google : https://fonts.google.com
Possibilité de définir une police pour les paragraphes et d’autres polices pour les titres Hn.

Éléments à personnaliser pour ONE SEO pour PrestaShop

  • Texte intro newsletter footer
  • Texte RGPD newsletter footer
  • Liste des réseaux sociaux footer
  • Champs textes de l’éditeur de thème les différents titres (principalement sur l’accueil)