Passer au contenu principal

Comment afficher ou masquer la quantité d’un article ?

Découvrez comment activer ou désactiver la quantité d’un article sur votre site web.

Colin Connor avatar
Écrit par Colin Connor
Mis à jour aujourd’hui

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

Avant

Après

Afficher la quantité sur le composant item-card (

articles dans l’affichage en liste)

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

Fonctionnalités disponibles à partir de la version 0.5.2 de la liste de souhaits 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 ci-dessous montre les deux options activées (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 anciennes versions de la liste de souhaits

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

REMARQUE : Les quantités affichées correspondent uniquement aux quantités maximales en stock, et non au stock réel disponible. Cela vous permet de :

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

  • sous-louer ou acheter plus d’articles pour honorer la commande

Pour afficher la quantité sur le composant item-card (articles dans l’affichage en 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’un article, il suffit de remplacer display: block !important par display: none !important dans les extraits ci-dessus.


Besoin d’aide supplémentaire ?

Cliquez sur la bulle de chat bleue en bas à droite de votre écran pour envoyer un message à notre équipe d’assistance — nous sommes là pour vous aider !

Clause de non-responsabilité : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, veuillez nous contacter via la bulle de chat en bas de votre écran.

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