| Before | After |
Show Quantity on item-card component ( items in list display) |
 |
 |
Show Quantity on item-detail (pop-up when clicking an item) |
 | 
|
Features available on version 0.5.2 of the Wishlist or later
You can enable display of item quantities in two places using the <gspro-wishlist-config> show-quantity-on-detail/show-quantity-on-card options.
These two options can be used independently, but the following example full code snippet shows both options enabled (but with a placeholder browser key).
<gspro-wishlist-config
data-url="https://data.goodshuffle.com/vendor/a1b2c3d4e5f6g7"
show-quantity-on-card="true"
show-quantity-on-detail="true"
></gspro-wishlist-config>
Features available on older versions of the Wishlist
You can enable display of item quantities in two places using CSS.
NOTE: The quantities displayed are only maximum inventory quantities, not actual in stock inventory. This allows you to:
provide alternative inventory (e.g. slightly different color)
subrent or purchase more items to fulfill order
To show the quantity on the item-card component (items in list display):
gspro-item-card.gspro-c-item-card .gspro-c-item-card__quantity {
display: block !important;
}
To show quantity on item-detail (pop-up when clicking an item):
.gspro-c-item-detail__quantity {
display: block !important;
}
If you wish to hide item quantity, simple replace display: block !important with display: none !important in the snippets above.