Skip to main content
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 2 months ago

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.

Did this answer your question?