Comment créer une section FAQ personnalisée sur Shopify ?

Saluut ! Voici un article qui va t’expliquer comment créer une section FAQ personnalisée sur Shopify !

Tout d’abord laisse moi me présenter. Moi c’est Thomas, je suis développeur web spécialisé sur Shopify et je t’aide à modifier ton thème Shopify de A à Z en passant par le code, sans avoir besoin d’être très fort en développement web.

Si tu veux en apprendre davantage, tu peux rejoindre ma formation gratuite en cliquant sur le bouton ci-dessous. Tu vas vite apprendre à tout modifier sur ton site Shopify.


Une règle fondamentale pour n’importe qu’elle bon développeur : être un bon flemmard ! Utilises des composants qui existent déjà !

Pour cela, tu devra


-> Aller dans la suite Codepen (https://codepen.io/)
-> Taper dans la barre de recherche du site ”faq css”.
-> En choisir une, de préférence sans java script (pour pas que ça nous embête)
-> Aller sur https://bit.ly/convertify
-> Section
-> Ajouter une nouvelle section
-> Lui mettre un nom (faq)
-> Supprimer les choses mises de base
-> Copier le lien HTML de la page choisi auparavant
-> Mettre le {%style%} au début et le {%endstyle%} à la fin au dessus du lien HTML, puis copier coller le CSS de la page choisi entre les deux -> Supprimer les ”body” pour ne pas que ça interagisse avec l’ensemble du site web -> Ajouter des preset pour retrouver la section sur la page d’accueil -> Se mettre dans un autre fichier et copier tout son schéma -> Supprimer tout ce qu’il y a au dessus de ”presets” jusqu’à ”class” (si tu n’as pas cette ligne, arrête toi à ”name”) -> Supprimer ”Settings” -> Supprimer les accolades et écrire à côté de catagory : ”faq” -> Pareil pour les deux names, on efface et on écris à côté : ”faq” + on ajoute une virgule ->Actualiser le site et regarder

Ensuite, tu peux modifier le contenu directement à la place des lorem ipsum et des balises. Ici ça va vraiment être le contenu qui va se trouver à l’intérieur. Tu peux changer aussi le fond de la section etc.

En résumé :

Pour créer une section personnalisée FAQ Shopify tu dois :

  • Aller chercher un CSS faq sur Codepen
  • Créer une section sur https://bit.ly/convertify
  • Copier le lien HTML et CSS dans la section
  • Ajouter des presets
  • Supprimer les lignes de codes inutiles
  • Renommer la catégorie et les names
  • Actualiser

Voilà, c’était Thomas ! J’espère que tu as réussi et que j’ai pu t’aider ! Si tu as des questions n’hésites surtout pas !

À bientôt !

Leave a Reply