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.

Écrit par Colin Connor

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 autre article similaire (ex : 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 ?