Evolution du thème sur le site boismetal.fr

Evolution et modification d'un thème d'origine de Prestashop

Bonjour !

   Quelques news en ce début de mois de mars avec l'un des chantiers en cours sur le site qui a pris forme petit à petit dans les dernières semaines par une évolution du thème de https://boismetal.fr .

   Des détails peut être mais qui changent beaucoup de choses en fait. L'intérêt, à mon modeste niveau en la matière, était de réaliser les choses et apprendre beaucoup de ces expériences pour nourrir ma curiosité naturelle et mon fort intérêt depuis toujours pour ce domaine.

   Chaque modification est faite sur les fichiers sources du site en les adaptant au besoin, parfois il suffit de changer une valeur, parfois il faut les compléter parce qu'une valeur changée à un endroit induit parfois des changements automatiques à d'autres (le "thème" prestashop d'origine est ainsi fait mais il y a aussi de bonnes raisons à cela...).

Donc

Dans les fichiers css :

• modifier couleur de fond de bannière haute qui passe de noir à blanc,
• modifier couleur de fond de menu "rechercher connecter contact"  en bleu foncé et textes blancs puis changement des couleurs quand focus de souris,
• modifier couleur texte de menu haut horizontal qui passe de nuances de gris à nuances de bleu,
• modifier fond de bouton panier qui passe en bleu puis changer texte en blanc puis flèches en blanc aussi,
• modifier largeur de la boite quantité sur les fiches produits comme ça le + et - sont sur la même ligne,
• centrer le homeslider qui affiche les photos en scrolling horizontal,
• recentrer les boutons du homeslider,
• corriger la traduction d'origine du mot "nouveau" en "neuf" sur les fiches produits,
• sur les pages de catégories : changer la taille du texte de titre, puis des sous-titres, puis la couleur de fond,  enlever un trait disgracieux au dessus des textes, modifier le padding du texte,
• changement de couleur de focus de bouton ajouter au panier,
• changer couleur de fond des prix sur les miniatures de produits,
• changer couleur de fond de partie basse du footer,
• changer couleur de fond de la zone d'inscription à la newsletter puis couleur de texte puis couleur de flèche de validation,
• changer couleur des icônes de partage sur les réseaux sociaux,
• changer couleur texte des colonnes de textes dans le footer,
• ajout trait pour souligner les titres de colonnes du footer,
• dans les catégories sur la gauche de l'écran : affiner le trait sous les titres,
• dans les informations à gauche : changer les coloris ,
• changer couleur de fond de ligne haute du footer,
• correction de coloris : des titres et textes sous livraison service client, du texte éditorial, des titres et textes des catégories en tri du catalogue, des caractéristiques des fiches produits, des options dans les fiches produits, des prix lors d'ajout au panier, des textes dans les différentes étapes du processus de commande.

Dans les fichiers tpl ou php :

• image source du logo en https,
• ajout de balises canoniques,
• raccourcir les balises title des produits en enlevant le nom d'entreprise,
• réorganisation du balisage hn de la page d'accueil,

Et puis htaccess et robots.txt :

• réorganisation des catégories et redirections 301 associés,
• correction d'erreurs 404 de la search console,
• mise en pause du thème mobile en attente de corrections de ses liens,
• ajout et/ou correction de textes dans les catégories, les fiches produits, les balises méta-description.

Conclusion :

   Partie de quasi zéro mon niveau reste bien sûr bien modeste, mais je ne demande qu'à apprendre, découvrir et progresser... En tout cas les premiers résultats sont là...