Bouton ajouter au panier sans la quantité WooCommerce Sold Out Products

Pour retirer le champ de quantité (ou le paramètre permettant de sélectionner une quantité) dans le bouton « Ajouter au panier » de WooCommerce, voici comment procéder. Vous pouvez le faire de manière simple via une personnalisation légère de votre thème ou via un plugin.

---

1. Modifier les paramètres dans WooCommerce

WooCommerce ne propose pas directement d’option pour désactiver la quantité sur le bouton, mais vous pouvez configurer certains produits pour être vendus individuellement. Cela supprime le champ de quantité uniquement pour ces produits.

Étape 1 : Configurer les produits vendus individuellement

1. Accédez à Produits > Tous les produits dans le tableau de bord WordPress.
2. Cliquez sur Modifier pour un produit.
3. Dans la section Données produit, allez à l’onglet Inventaire.
4. Cochez la case Vendu individuellement : « Permettre à un client d’acheter seulement une unité de ce produit par commande ».
5. Cliquez sur Mettre à jour.

Cette méthode fonctionne pour des produits spécifiques, mais si vous souhaitez supprimer le champ de quantité globalement, suivez les solutions ci-dessous.

---

2. Supprimer globalement la quantité via un extrait de code

Si vous souhaitez désactiver le champ de quantité sur tous les produits, vous pouvez ajouter un extrait de code personnalisé à votre site.

Étape 1 : Ajouter le code au fichier functions.php

1. Connectez-vous à votre tableau de bord WordPress.
2. Allez dans Apparence > Éditeur de thème (ou Apparence > Thèmes > Éditeur dans certaines versions).
3. Recherchez le fichier functions.php de votre thème actif.
4. Ajoutez le code suivant à la fin du fichier :

phpCopier le code// Supprimer le champ de quantité sur la page produit
function remove_quantity_field_on_product_page($return, $product) {
    if (is_product()) {
        return true; // Supprime le champ sur la page produit
    }
    return $return;
}
add_filter('woocommerce_is_sold_individually', 'remove_quantity_field_on_product_page', 10, 2);

5. Enregistrez les modifications.

Ce code supprime le champ de quantité sur la page produit. Si vous souhaitez également le retirer sur la page boutique ou lors de l’ajout au panier, utilisez un plugin ou personnalisez davantage.

---

3. Supprimer la quantité via un plugin

Si vous préférez ne pas toucher au code, vous pouvez utiliser un plugin pour modifier l’affichage.

Plugin recommandé : WooCommerce Product Add-Ons

Bien qu’il soit principalement conçu pour personnaliser les produits, ce plugin peut aussi désactiver le champ de quantité.

Étapes :

1. Allez dans Extensions > Ajouter.
2. Recherchez et installez le plugin WooCommerce Product Add-Ons ou un plugin similaire.
3. Une fois activé, configurez les paramètres pour désactiver le champ de quantité.

---

4. Personnalisation via CSS

Si vous ne souhaitez pas désactiver complètement la fonctionnalité, mais simplement masquer visuellement le champ de quantité, vous pouvez le faire avec du CSS.

Étape 1 : Ajouter un style personnalisé

1. Allez dans Apparence > Personnaliser > CSS supplémentaire.
2. Ajoutez le code suivant :

cssCopier le code/* Masquer le champ de quantité sur les pages produits */
.woocommerce div.quantity {
    display: none;
}

3. Enregistrez les modifications.

Ce code masque le champ de quantité sur toutes les pages, mais la fonctionnalité reste techniquement active en arrière-plan.