Masquer le bouton d’ajout au panier sur les pages de produits

/manual/online-store/themes/theme-structure/templates

Vous pouvez masquer l’option permettant aux clients d’ajouter des produits à leur panier en personnalisant un modèle de produit qui masque des blocs spécifiques liés à l’ajout d’articles au panier. Vous pouvez ensuite attribuer ce modèle de produit à un ou plusieurs produits que vous ne souhaitez pas que les clients puissent ajouter à leur panier. Cela signifie que le bouton d’ajout au panier ne s’affiche pas sur les pages de produits auxquelles vous attribuez votre nouveau modèle de produit.

Vous pouvez masquer le bouton d’ajout au panier sur certaines pages de produits dans l’un des scénarios suivants :

  • Vos clients doivent vous contacter pour obtenir un devis sur le prix d’un produit.
  • Vous souhaitez proposer une option de pré-commande à la place du bouton d’ajout au panier.
  • Vous vendez des produits personnalisés fabriqués sur commande, et vos clients doivent vous contacter au sujet des exigences relatives à leurs produits avant d’effectuer un achat.

Vous ne pouvez attribuer à vos pages de produits que les modèles de produits qui sont associés à votre thème publié. Si vous créez un nouveau modèle dans un thème qui n’est pas le thème publié, vous devez d’abord publier le thème pour pouvoir attribuer ses modèles à vos produits.

En savoir plus sur la création de nouveaux modèles et l’application de modèles aux produits.

Masquer le bouton d’ajout au panier pour des produits spécifiques

Par défaut, le modèle Produit par défaut est attribué aux produits. Vous pouvez créer un modèle de produit not-for-sale distinct pour masquer le bouton d’ajout au panier pour un ou plusieurs produits, tout en laissant d’autres produits disponibles à l’achat sur votre boutique en ligne.

Créer un modèle de produit non destiné à la vente

Pour personnaliser des produits spécifiques sans apporter de modifications au modèle Produit par défaut, vous devez créer un nouveau modèle de produit.

Étapes :

  1. Dans l’interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Cliquez sur le menu déroulant Page d’accueil, puis cliquez sur Produits > ⊕ Créer un modèle.

  4. Dans la boîte de dialogue Créer un modèle, saisissez un nom pour votre nouveau modèle dans le champ Nom, par exemple not-for-sale, puis cliquez sur Créer un modèle.

  5. Dans la barre latérale de navigation des sections, accédez aux blocs Modèle > Informations sur le produit, puis apportez les modifications suivantes :

    1. Passez le curseur de votre souris sur le bloc Sélecteur de quantité, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
    2. Passez le curseur de votre souris sur le bloc Boutons d’achat, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
    3. Facultatif : passez le curseur de votre souris sur le bloc Prix, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
  6. Facultatif : si vous souhaitez ajouter du texte sur votre page de produit pour donner plus d’informations à vos clients, comme une date de reprise prévue des ventes si le produit n’est pas disponible, vous pouvez ajouter et personnaliser un nouveau bloc en suivant les étapes ci-dessous :

    1. Dans la section Informations sur le produit, cliquez sur ⊕ Ajouter un bloc > Texte pour ajouter un bloc de texte.
    2. Cliquez sur le nouveau bloc Texte et faites-le glisser à l’emplacement de votre choix sur la page de produit.
    3. Dans la barre latérale des paramètres du bloc Texte, ajoutez votre texte dans le champ Texte.
    4. Sélectionnez le Style de texte de votre choix.
  7. Facultatif : si vous souhaitez ajouter un formulaire de contact, vous pouvez ajouter et personnaliser une nouvelle section sur votre page de produit en suivant les étapes ci-dessous :

    1. Dans le panneau Modèle, cliquez sur ⊕ Ajouter une section > Formulaire de contact.
    2. Cliquez sur la nouvelle section Formulaire de contact et faites-la glisser à l’emplacement de votre choix sur la page de produit.
    3. Dans la barre latérale des paramètres du Formulaire de contact, vous pouvez personnaliser votre formulaire de contact comme vous le souhaitez. Par exemple, vous pouvez modifier le champ de texte Titre pour afficher un appel à l’action, tel que Envoyez-nous une demande pour être ajouté(e) à notre liste d’attente.
  8. Cliquez sur Enregistrer.

Attribuer le modèle non destiné à la vente à un seul produit

  1. Dans l’interface administrateur Shopify, accédez à Produits.

  2. Cliquez sur le nom du produit pour lequel vous souhaitez masquer le bouton d’ajout au panier.

  3. Dans la section Modèle de thème, cliquez sur le menu déroulant, puis sélectionnez le modèle not-for-sale.

  4. Cliquez sur Enregistrer.

Attribuer en bloc le modèle non destiné à la vente à plusieurs produits

  1. Dans l’interface administrateur Shopify, accédez à Produits.

  2. Cochez les cases à côté des produits pour lesquels vous souhaitez masquer le bouton d’ajout au panier, puis cliquez sur Modification en bloc.

  3. Dans l’éditeur en bloc, cliquez sur Colonnes, puis sur Modèle pour ajouter la colonne Modèle au tableau de l’éditeur.

  4. Dans chaque ligne de produit, définissez le Modèle sur product.not-for-sale.

  5. Cliquez sur Enregistrer.

Masquer le bouton d’ajout au panier pour tous les produits

Si vous souhaitez masquer le bouton d’ajout au panier pour tous vos produits tout en permettant aux clients de parcourir votre boutique en ligne, vous pouvez personnaliser le modèle Produit par défaut pour appliquer les modifications à tous les produits existants et futurs.

Étapes :

  1. Dans l’interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

  3. Cliquez sur le menu déroulant Page d’accueil, puis cliquez sur Produits > Produit par défaut.

  4. Dans la barre latérale de navigation des sections, accédez aux blocs Modèle > Informations sur le produit, puis apportez les modifications suivantes :

    1. Passez le curseur de votre souris sur le bloc Sélecteur de quantité, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
    2. Passez le curseur de votre souris sur le bloc Boutons d’achat, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
    3. Facultatif : passez le curseur de votre souris sur le bloc Prix, puis cliquez sur l’icône en forme d’œil pour masquer le bloc.
  5. Facultatif : si vous souhaitez ajouter du texte sur vos pages de produits pour donner plus d’informations à vos clients, comme une date de reprise prévue des ventes si vos produits ne sont pas disponibles, vous pouvez ajouter et personnaliser un nouveau bloc en suivant les étapes ci-dessous :

    1. Dans la section Informations sur le produit, cliquez sur ⊕ Ajouter un bloc > Texte pour ajouter un bloc de texte.
    2. Cliquez sur le nouveau bloc Texte et faites-le glisser à l’emplacement de votre choix sur la page de produit.
    3. Dans la barre latérale des paramètres du bloc Texte, ajoutez votre texte dans le champ Texte.
    4. Sélectionnez le Style de texte de votre choix.
  6. Facultatif : si vous souhaitez ajouter un formulaire de contact, vous pouvez ajouter et personnaliser une nouvelle section sur vos pages de produit en procédant comme suit :

    1. Dans le panneau Modèle, cliquez sur ⊕ Ajouter une section > Formulaire de contact.
    2. Cliquez sur la nouvelle section Formulaire de contact et faites-la glisser à l’emplacement de votre choix sur la page de produit.
    3. Dans la barre latérale des paramètres du Formulaire de contact, vous pouvez personnaliser le formulaire de contact comme vous le souhaitez. Par exemple, vous pouvez modifier le champ de texte Titre pour afficher un appel à l’action, tel que Envoyez-nous une demande pour être ajouté(e) à notre liste d’attente.
  7. Cliquez sur Enregistrer.