Dépanner Search

Chaque section ci-dessous part de ce que vous voyez sur votre boutique, puis liste les causes dans l’ordre où les vérifier. Les étapes d’installation elles-mêmes sont dans Installer Search sur Shopify.

Les suggestions n’apparaissent pas sous le champ de recherche

Vous tapez dans le champ de recherche de votre thème et aucune suggestion produit Dialog n’apparaît. Vérifiez, dans l’ordre :

L’app embed Dialog est désactivé. L’autocomplete de recherche tourne dans l’app embed Dialog AI Modal : embed désactivé, rien ne se charge. Dans l’éditeur de thème, ouvrez Intégrations d’applications (App embeds), activez Dialog AI Modal et enregistrez.
L’autocomplete n’est pas coché. Il est désactivé par défaut sur chaque thème. Dans le même embed Dialog AI Modal, cochez Enable Dialog search autocomplete, puis enregistrez.
Dialog ne trouve pas votre formulaire de recherche. Dialog s’attache à chaque formulaire qui envoie vers la page de recherche de votre boutique (/search, ou son chemin traduit) et qui contient un champ de recherche nommé q. Un thème qui construit sa recherche autrement (une action de formulaire personnalisée, un champ sans name="q", une recherche pilotée uniquement en JavaScript) n’est pas détecté. Renseignez Search form CSS selector (optional) dans l’embed Dialog AI Modal pour pointer vers votre formulaire de recherche ou vers un élément qui l’entoure, par exemple #header-search ou form.search-form. Pour le trouver, faites un clic droit sur votre champ de recherche, choisissez Inspecter, et repérez le <form> autour du champ. Avec un sélecteur, un champ de type search ou text sans nom est aussi accepté. Un sélecteur invalide est ignoré : votre recherche native continue de fonctionner, sans suggestions.
Vous testez depuis la page de résultats. Sur /search, le formulaire de recherche de la page elle-même n’a volontairement pas de suggestions : les résultats sont déjà listés dessous. Le champ de recherche de votre header garde ses suggestions. Testez depuis votre page d’accueil ou une page produit.

L’ouverture des suggestions dépend du réglage Search suggestions style de l’embed : avec Dialog search overlay (par défaut), une couche de recherche s’ouvre par-dessus la page dès que le champ prend le focus ; avec Panel under the theme’s input, les suggestions s’ouvrent sous votre champ pendant la frappe.

La page de résultats affiche encore les résultats du thème

Vous soumettez une requête et /search affiche la grille de produits de votre thème au lieu de celle de Dialog. Vérifiez, dans l’ordre :

Le bloc Dialog search results n’est pas sur le template search. Le bloc n’existe que sur le template search. Dans l’éditeur de thème, utilisez le sélecteur de template (barre du haut) pour ouvrir Recherche, puis Ajouter une section (ou Ajouter un bloc dans la section de résultats) et choisissez Dialog search results. Si le bloc est déjà là, vérifiez qu’il n’est pas masqué (l’icône en forme d’œil à côté de son nom), puis enregistrez.
Votre template search n’est pas un template JSON. Shopify n’autorise les app blocks que dans les templates JSON (Online Store 2.0). Si votre thème rend encore sa page de recherche depuis un template Liquid, Dialog search results n’apparaît jamais sur le template Recherche. Pour le vérifier, ouvrez Boutique en ligne → Thèmes → … → Modifier le code et regardez sous Templates : search.json signifie que les app blocks y fonctionnent ; un search.liquid seul signifie que non. Demandez à votre développeur de thème de passer la page de recherche sur un template JSON, ou passez à un thème Online Store 2.0.
Le bloc ne peut pas se charger. Quand Dialog ne peut pas démarrer sur la page, le bloc s’efface et laisse les résultats de votre thème visibles : vos clients ont toujours des résultats. Le bloc lit la clé Dialog de votre boutique, que l’app Dialog définit à son installation : vérifiez que l’app Shopify Dialog est installée et connectée.

Pas de barre de recherche dans le header

Votre thème n’a pas de champ de recherche dans son header, et Dialog search bar n’apparaît pas dans la liste Ajouter un bloc du header.

La section header n’accepte pas les app blocks. Shopify ne propose les app blocks que dans les sections dont le code les déclare, et beaucoup de headers de thème ne le font pas. C’est une limitation du thème, pas un réglage Dialog. Vos options :

Votre thème a un champ de recherche ailleurs (un drawer, un menu, un lien vers la page de recherche) : activez l’autocomplete sur ce champ plutôt que d’ajouter une barre.
Placez la barre juste sous le header : ajoutez Dialog search bar dans une section qui accepte les app blocks (beaucoup de thèmes livrent une section Applications pour ça). Avec Display réglé sur Search icon, elle reste compacte.
Ajoutez le support des app blocks au header : demandez à votre développeur de thème de déclarer les blocs @app dans le schéma de la section header et de les rendre. Dialog search bar apparaît alors dans la liste Ajouter un bloc du header.

Voir aussi L’app block ne se rend pas correctement.

Un produit manque dans les résultats

Search ne renvoie que les produits qu’un client peut acheter tout de suite. Un produit est écarté des suggestions et des résultats dans l’un de ces cas :

Cause	Comment vérifier dans votre admin Shopify	Correction
Pas actif	Le Statut du produit est Brouillon ou Archivé.	Passez-le en Actif.
Pas publié sur votre boutique en ligne	Le produit n’est pas disponible sur le canal de vente Boutique en ligne.	Publiez-le sur Boutique en ligne.
Aucune variante en vente	Chaque variante suit son stock, est à 0 ou moins, et n’a pas Continuer à vendre en cas de rupture de stock.	Réapprovisionnez une variante, ou autorisez la vente en rupture de stock.
Pas encore synchronisé	Le produit vient d’être créé ou modifié.	Voir ci-dessous.

Une variante compte comme en vente quand elle a du stock, quand son stock n’est pas suivi, ou quand elle continue à se vendre en rupture de stock.

Synchronisation. Dialog garde votre catalogue synchronisé tout seul : l’app Dialog l’importe à l’installation, puis Shopify prévient Dialog à chaque modification de produit. Un simple changement de stock n’atteint pas toujours Search tout de suite. Si un produit qui remplit les trois conditions ci-dessus manque toujours, ouvrez-le dans votre admin Shopify, modifiez-le et enregistrez : Shopify renvoie la mise à jour à Dialog.

Toujours bloqué ?

Rassemblez l’URL de votre boutique, le symptôme, le nom de votre thème et, pour un produit manquant, son URL, puis consultez Avant de contacter le support.