Comment avoir le module de recherche dans Edit Code Shopify
Edit Code est l'un des outils les plus utiles du système Shopify. Il permet aux utilisateurs de personnaliser leurs boutiques en ligne en modifiant le code HTML, CSS et JavaScript. Cependant, certaines personnes rencontrent des difficultés à trouver le module de recherche dans Edit Code. Si vous êtes dans cette situation, alors cet article est fait pour vous. Nous allons vous guider pas à pas pour avoir le module de recherche dans Edit Code Shopify.
Avant de commencer, il est important de noter que le module de recherche est inclus dans le thème que vous utilisez pour votre boutique. Par conséquent, si votre thème ne possède pas de module de recherche, vous ne pourrez pas l'ajouter en modifiant le code.
Étape 1: Accéder à la section de personnalisation
Pour accéder à la section de personnalisation, connectez-vous à votre compte Shopify et cliquez sur « Boutiques en ligne » dans la barre de menu supérieure. Ensuite, sélectionnez le thème que vous voulez modifier et cliquez sur le bouton « Personnaliser ».
Étape 2: Trouver l'emplacement du module de recherche
Une fois que vous avez accédé à la section de personnalisation, vous devez trouver l'emplacement du module de recherche. Selon le thème que vous utilisez, il peut être situé à différents endroits. Dans la plupart des cas, vous trouverez le module de recherche dans l'en-tête du site ou dans le menu principal. Si vous ne trouvez pas le module de recherche dans ces endroits, vérifiez le pied de page ou la barre latérale.
Étape 3: Vérifier si le module de recherche est activé
Avant de modifier le code, vous devez vous assurer que le module de recherche est activé dans votre thème. Si le module de recherche est actif, vous n'avez pas besoin de modifier le code. Pour vérifier si le module de recherche est activé, allez dans la section « Présentation » et recherchez le module de recherche dans la liste des sections disponibles. Si le module de recherche est présent, sélectionnez-le et assurez-vous qu'il est activé.
Étape 4: Ajouter le code du module de recherche
Si le module de recherche n'est pas activé dans votre thème, vous pouvez l'ajouter en modifiant le code HTML. Tout d'abord, accédez à la section « Edit Code » en cliquant sur le bouton « Actions » dans la section « Personnalisation ». Ensuite, ouvrez le fichier « header.liquid» dans le répertoire « Sections ».
Trouvez l'emplacement où vous voulez ajouter le module de recherche et ajoutez le code suivant:
```
{% include 'search-bar' %}
```
Enregistrez les modifications et vérifiez que le module de recherche est maintenant visible sur votre site.
Étape 5: Personnaliser le module de recherche
Une fois que vous avez ajouté le module de recherche à votre thème, vous pouvez le personnaliser en utilisant CSS. Vous pouvez modifier la couleur, la taille ou la police pour qu'il s'harmonise mieux avec le reste de votre site. Pour modifier le CSS, retournez à la section « Edit Code » et ouvrez le fichier « theme.scss.liquid» dans le répertoire « Assets ». Ajoutez votre code CSS personnalisé en bas du fichier et enregistrez les modifications.
Conclusion
L'ajout d'un module de recherche à votre site Shopify est un moyen simple d'améliorer l'expérience utilisateur. Si vous rencontrez des difficultés à trouver le module de recherche dans Edit Code Shopify, suivez les étapes ci-dessus pour l'ajouter à votre thème. N'oubliez pas de personnaliser le module de recherche pour qu'il s'adapte parfaitement à votre boutique en ligne.