Passer au contenu principal

Comment afficher / masquer la quantité d'un article ?

Apprenez à désactiver / activer la quantité d'un article sur votre site web.

Colin Connor avatar
Écrit par Colin Connor
Mis à jour hier

Cette fonctionnalité est disponible sur tous les plans Goodshuffle Pro.

Avant

Après

Afficher la quantité sur le composant carte-article (

articles dans l'affichage de la liste)

Afficher la quantité sur le détail de l'article (pop-up lors du clic sur un article)

Fonctionnalités disponibles sur la version 0.5.2 de la Wishlist ou ultérieure

Vous pouvez activer l'affichage des quantités d'articles à deux endroits en utilisant les options <gspro-wishlist-config> show-quantity-on-detail/show-quantity-on-ca.

Ces deux options peuvent être utilisées indépendamment, mais l'exemple de code complet suivant montre les deux options activées (mais avec une clé de navigateur fictive).

<gspro-wishlist-config 
data-url="https://data.goodshuffle.com/vendor/a1b2c3d4e5f6g7"
show-quantity-on-card="true"
show-quantity-on-detail="true"
></gspro-wishlist-config>


Fonctionnalités disponibles sur les versions antérieures de la Wishlist

Vous pouvez activer l'affichage des quantités d'articles à deux endroits en utilisant le CSS.

REMARQUE : Les quantités affichées sont uniquement les quantités maximales d'inventaire, et non les stocks réels disponibles. Cela vous permet de :

  • fournir un inventaire alternatif (par exemple, une couleur légèrement différente)

  • sous-louer ou acheter plus d'articles pour satisfaire la commande

Pour afficher la quantité sur le composant carte-article (articles dans l'affichage de la liste) :

gspro-item-card.gspro-c-item-card .gspro-c-item-card__quantity { 
display: block !important;
}

Pour afficher la quantité sur le détail de l'article (pop-up lors du clic sur un article) :

.gspro-c-item-detail__quantity { 
display: block !important;
}

Si vous souhaitez masquer la quantité d'articles, remplacez simplement display: block !important par display: none !important dans les extraits ci-dessus.


Besoin d'une assistance supplémentaire ?

Cliquez sur la bulle de chat bleue dans le coin inférieur droit de votre écran pour envoyer un message à notre équipe de support—nous sommes heureux de vous aider !

Clause de non-responsabilité : Cet article a été traduit à l'aide de l'IA. Pour toute question ou clarification, veuillez nous contacter en utilisant la bulle de chat dans le coin inférieur de votre écran.

Avez-vous trouvé la réponse à votre question ?