How do I show / hide item quantity?

How do I disable / enable an item’s quantity?

Colin Connor avatar
Written by Colin Connor
Updated over a week ago



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).


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.

Did this answer your question?