Comment modifier ma barre de recherche d’en-tête Shopify ?
Melchi
Rate this article
Share this article
Vous pouvez être amené à effectuer plusieurs tâches lors de la gestion d’une boutique en ligne sur la place de marché en ligne Shopify. L’un des problèmes majeurs est de savoir comment modifier ma barre de recherche d’en-tête Shopify.
La modification des barres de recherche d’en-tête Shopify est vraiment compliquée pour certains propriétaires de boutiques de commerce électronique. Cependant, en suivant nos instructions de processus par étapes, vous serez en mesure de trouver une solution rapide. Vous gagnerez également beaucoup de visibilité en comprenant les problèmes d’en-tête et comment modifier la barre de recherche d’en-tête Shopify.
Des correspondances de mots partielles sont désormais possibles
Vous pouvez choisir d’appliquer ou non une correspondance de mot partielle au dernier terme d’une requête de recherche. Cela indique que la recherche tentera de compléter le dernier terme de la requête de recherche.
Vous pouvez choisir d’appliquer ou non une correspondance de mot partielle au dernier terme d’une requête de recherche. Cela indique que la recherche tentera de compléter le dernier terme de la requête de recherche.
Vous pouvez choisir d’appliquer ou non une correspondance de mot partielle au dernier terme d’une requête de recherche. Cela indique que la recherche tentera de compléter le dernier terme de la requête de recherche.
Si vous cochez Nike Jacket par exemple, vous trouverez tous les produits qui incluent les mots Nike et une phrase commençant par Jacket, comme Jacket men’s, Jacket women’s ou Jacket kid’s.
Remarque : seuls les thèmes utilisant l’anglais comme langue sont pris en charge pour cette modification. En fait, les correspondances partielles de mots ne sont utilisées que lorsque la requête de recherche n’a pas de syntaxe de recherche.
Vous pouvez ajouter un champ masqué dans le formulaire de recherche dans search.liquid pour permettre des correspondances partielles de mots sur la dernière phrase.
Recherchez simplement un certain type d’article
Vous pouvez ajuster l’ordre dans lequel les résultats de recherche sont renvoyés en fonction de la disponibilité des produits en utilisant l’option produits indisponibles dans votre code de thème.
Les choix sont les suivants :
produit – Seuls les produits correspondants apparaissent dans les résultats de recherche.
page – Seules les pages correspondantes apparaissent dans les résultats de recherche.
article : seuls les articles de blog correspondants apparaissent dans les résultats de recherche.
Article, page, produit sont le type standard, ce qui signifie que les résultats de recherche incluront des articles de blog, des pages et des produits similaires.
Vous pouvez également définir manuellement le paramètre de type dans search.liquid en utilisant le champ caché dans le formulaire de recherche.
Étapes d’utilisation du code de thème pour personnaliser les résultats de la barre de recherche
Pour les ordinateurs de bureau et portables, veuillez suivre cette procédure :
Depuis votre administrateur Shopify, accédez à votre tableau de bord > Boutique en ligne > Thèmes
Après avoir trouvé le thème que vous souhaitez modifier, accédez à Actions > Modifier le code.
Vous devrez localiser et mettre à jour le formulaire de recherche de votre thème. Le code du type de recherche n’apparaît qu’une seule fois dans certains thèmes, alors qu’il apparaît deux fois dans d’autres. Vous devrez modifier toutes les instances du code si vous utilisez un thème sur deux. Vous devrez localiser et mettre à jour le formulaire de recherche de votre thème. Le code du type de recherche n’apparaît qu’une seule fois dans certains thèmes, alors qu’il apparaît deux fois dans d’autres. Vous devrez modifier toutes les instances du code si vous utilisez un thème sur deux. Lorsque vous utilisez un thème Shopify gratuit, le code de votre formulaire de recherche se trouve dans les fichiers suivants :
Brooklyn
Dans le répertoire Snippets, recherchez search-bar.liquid.
Sans bornes
Dans le répertoire Sections, vous trouverez un search-template.liquid illimité.
Minimal
Dans le répertoire Snippets, recherchez search-bar.liquid. « Il y a 2 exemples de code de recherche dans ce fichier. Pour affiner efficacement les résultats de recherche, vous devrez modifier les deux.
Début
Dans le répertoire Modèles, recherchez search.liquid.
Dans le répertoire Snippets, recherchez search-form.liquid.
Offre, récit et pop
Dans le répertoire Snippets, recherchez search-bar.liquid.
Aventure
Dans le répertoire Modèles, recherchez search.liquid.
Dans le répertoire Sections, recherchez search.liquid.
Simple
Dans le répertoire Modèles, recherchez search.liquid.
dans le répertoire Sections, header.liquid.
Collez les champs du formulaire ci-dessous entre la balise d’ouverture <form> et la balise de fermeture </form> pour toute modification que vous souhaitez apporter.
Pour rechercher certains types
Cet exemple limite les résultats de recherche aux produits uniquement.
Pour filtrer les résultats en fonction de la disponibilité d’un produit
Cet exemple trie les résultats de recherche uniquement en fonction de leur pertinence et non de la disponibilité des produits.
Pour activer les correspondances de mots partielles possibles
Dans ce cas, des correspondances partielles de mots sur le dernier terme de recherche sont possibles.
Vérifiez le code que vous avez inséré. Il devrait ressembler à ceci, bien que le code HTML exact utilisé pour votre formulaire de recherche puisse varier en fonction de votre thème.
Pour iOS et Android, veuillez suivre cette procédure :
Maintenant, cliquez sur Boutique en ligne dans la section Canaux de vente.
Allez dans gérer les thèmes.
Après avoir trouvé le thème que vous souhaitez modifier, accédez à Actions > Modifier le code.
Vous devrez localiser et modifier le formulaire de recherche de votre thème. Le code du type de recherche n’apparaît qu’une seule fois dans certains thèmes, alors qu’il apparaît deux fois dans d’autres. Vous devrez modifier toutes les instances du code si vous utilisez un thème de two. Si vous utilisez un thème Shopify gratuit, le code de votre formulaire de recherche se trouve dans les fichiers suivants :
Brooklyn
Dans le répertoire Snippets, recherchez search-bar.liquid.
Sans bornes
Dans le répertoire Sections, vous trouverez un search-template.liquid illimité.
Minimal
Dans le répertoire Snippets, recherchez search-bar.liquid. « Il y a 2 exemples de code de recherche dans ce fichier. Pour affiner efficacement les résultats de recherche, vous devrez modifier les deux.
Début
Dans le répertoire Modèles, recherchez search.liquid.
Dans le répertoire Snippets, recherchez search-form.liquid.
Offre, récit et pop
Dans le répertoire Snippets, recherchez search-bar.liquid.
Aventure
Dans le répertoire Modèles, recherchez search.liquid.
Dans le répertoire Sections, recherchez search.liquid.
Simple
Dans le répertoire Modèles, recherchez search.liquid.
dans le répertoire Sections, header.liquid.
Collez les champs du formulaire ci-dessous entre la balise d’ouverture <form> et la balise de fermeture </form> pour toute modification que vous souhaitez apporter.
Pour rechercher certains types
Cet exemple limite les résultats de recherche aux produits uniquement.
Pour filtrer les résultats en fonction de la disponibilité d’un produit
Cet exemple trie les résultats de recherche uniquement en fonction de leur pertinence et non de la disponibilité des produits.
Pour activer les correspondances de mots partielles possibles
Dans ce cas, des correspondances partielles de mots sur le dernier terme de recherche sont possibles.
Vérifiez le code que vous avez inséré. Il devrait ressembler à ceci, bien que le code HTML exact utilisé pour votre formulaire de recherche puisse varier en fonction de votre thème.
Espérons qu’après avoir lu notre article illustré étape par étape, vous serez en mesure de modifier la barre de recherche d’en-tête Shopify sans aucun problème et de gérer votre entreprise de commerce électronique en ligne sur la plateforme Shopify de manière efficace et efficiente.
