How can I display inventory status on the product collection page?

Greetings!

I have installed Crave theme and succesfully altered the color of the inventory button, so to show grey when a product is out of stock (yay me)

I would also like this excact thing (the text and the little circle) displayed on the collection page.

Any ideas as to how to go about this?

In the main-product.liquid i find this:

{%- when ‘inventory’ -%}

{%- if product.selected_or_first_available_variant.inventory_management == 'shopify' -%} {%- if product.selected_or_first_available_variant.inventory_quantity > 0 -%} {%- if product.selected_or_first_available_variant.inventory_quantity <= block.settings.inventory_threshold -%} {%- if block.settings.show_inventory_quantity -%} {{- 'products.product.inventory_low_stock_show_count' | t: quantity: product.selected_or_first_available_variant.inventory_quantity -}} {%- else -%} {{- 'products.product.inventory_low_stock' | t -}} {%- endif -%} {%- else -%} {%- if block.settings.show_inventory_quantity -%} {{- 'products.product.inventory_in_stock_show_count' | t: quantity: product.selected_or_first_available_variant.inventory_quantity -}} {%- else -%} {{- 'products.product.inventory_in_stock' | t -}} {%- endif -%} {%- endif -%} {%- else -%} {%- if product.selected_or_first_available_variant.inventory_policy == 'continue' -%} {{- 'products.product.inventory_out_of_stock_continue_selling' | t -}} {%- else -%} {{- 'products.product.inventory_out_of_stock' | t -}} {%- endif -%} {%- endif -%} {%- endif -%}

Which is everything to due with the lignt and the text.

can i copy paste this somewhere maybe? - if so, where? :slightly_smiling_face:

Did you manage to find a solution? I copied this code into main-product.liquid, but it doesn’t show any results…