Vous pouvez permettre aux clients de connaître la disponibilité des produits et de leurs variantes en boutique en ajoutant un code à votre thème. Cette fonctionnalité a déjà été ajoutée à certains thèmes Lightspeed, dont Ignite.

1. Modifiez le code de votre thème.
2. Dans la section Pages, cliquez sur product.rain.
3. Collez l’extrait de code ci-dessous sous Disponibilité ou à l’endroit où vous voulez voir l’élément. 

   {% if theme.inventory_per_location and theme.inventory_per_location != 'disabled' and product.stock.track %}
   <table>  
   <tr class="omni-location-inventory">
       <td>{{ 'Available in store' | t }}:</td>
       <td class="product-inventory-location-label" id="productLocationInventory">{{ 'Check availability' | t }}</td>
     </tr>
   </table>
     {% include 'blocks/omni-location-inventory.rain' %}
   {% endif %}

   

4. Sauvegardez votre travail.
5. Cliquez sur Fermer.

   

    
6. Cliquez sur Plus > Gérer les paramètres.
7. Cliquez sur Add setting (ajouter un paramètre).
8. Dans le champ Titre, saisissez Inventory per location [Omnichannel Only].
9. Dans le menu Type, choisissez Sélectionner.
10. Cliquez sur Sauvegarder.
11. Sous Catégorie, saisissez Display settings.
12. Pour la description, saisissez If your Omnichannel store has more than one location, customers can check the stock level at each location.
13. Dans le champ Clé, saisissez inventory_per_location. La clé doit être exacte.
14. Dans les Options, les clés disabled, only_text et show_levels ne peuvent être modifiées. Saisissez :
    disabled: Do not show in-store inventory levels
only_text: Show inventory as in stock/out of stock
show_levels : afficher les quantités en stock en temps réel
15. Dans Valeur par défaut, sélectionnez Do not show in-store inventory levels (ne pas afficher les niveaux de stock en boutique).
16. Dans le menu Section, sélectionnez Pages.
17. Dans le menu Apply to (appliquer à), sélectionnez Détails de produit.
18. Enregistrez vos modifications.

Mise à l’essai de l’expérience client

1. Créez un compte Retail ou connectez-vous à un compte associé à une boutique eCom.
2. Rendez-vous dans Paramètres.
3. Cliquez sur Boutiques.
4. Ajoutez au moins deux emplacements.
5. Rendez-vous dans Stocks
6. Sélectionnez Recherche d’articles et créez ou confirmez un article :
   • Avec stocks dans au moins un emplacement ;
   • Publié sur eCom.
7. Connectez-vous à l’arrière-boutique eCom et accédez à Design.
8. Cliquez sur Modifier le thème.

9. Exemple d’image En stock / Épuisé
   
   Exemple d’image présentant les quantités en stock en temps réel

   Dans le menu déroulant, sélectionnez Détails de produit.
10. Cliquez sur Display settings (paramètres d’affichage).
11. Pour les stocks par emplacement, sélectionnez l’un ou l’autre des éléments suivants :
    1. Show inventory as in stock/out of stock (afficher En stock ou Épuisé)
       
    2. Show live stock numbers (afficher les quantités en stock en temps réel)
12. Sélectionnez Publier.
13. Retournez à l’éditeur de thème dans le chemin de navigation, puis sélectionnez Retour à Home.
14. Accédez à Produits.
15. Ouvrez le produit en stock en cliquant sur son nom.
16. Assurez-vous que son niveau de visibilité est toujours visible ou visible lorsque disponible.
17. Sélectionnez Voir dans votre boutique.
18. Appuyez sur le bouton Vérifier la disponibilité.
    
19. Assurez-vous que la disponibilité dans chaque boutique s’affiche dans la fenêtre contextuelle.

Dépannage et réglages avancés

• La balise HTML associée à Vérifier la disponibilité (<td> dans l’exemple ci-dessus) doit figurer dans l’identifiant équivalant à productLocationInventory, car c’est cet identifiant qui appelle la boîte de dialogue.
• La boîte de dialogue que nous avons créée pour afficher les quantités de stock par emplacement est formée dans : {% include 'blocks/omni-location-inventory.rain' %}
• Réglages avancés : le point de terminaison de la vitrine appelé pour déterminer la quantité en stock par emplacement est https://[shopurl].com/product-inventory/?id=[productVariantId]
  • IMPORTANT : Cela doit avoir lieu seulement après une action de l’utilisateur (p. ex. cliquer sur un lien), et non pas au chargement de la page.