Add product SKU under products in collections

[milkymotorsport]

Can anyone give advice on how to add product SKUs under products in collections?

Example collection on my site: https://milkymotorsports.com/collections/fox-offroad-shocks

[KetanKumar]

@milkymotorsport 

yes you can add this code card product snippet file this 

<div class="product-sku">{{ product.first_available_variant.sku }}</div>

[milkymotorsport]

@KetanKumar I'm not sure which line to add it in?

[PaulNewton]

For an OS2.0 theme see if there are custom-liquid blocks/sections for the template type the area in  you want to display the additional information.

If a custom-liquid setting is present,

For the first variant of products used in a collection product-grid:

{{ product.first_available_variant.sku }}

On product pages , for the currently selected variant theme shows a ?variant= parameter in the url:

{{ product.selected_variant.sku }}

https://shopify.dev/api/liquid/objects/product#product-first_available_variant 

https://shopify.dev/api/liquid/objects/product#product-selected_variant 

https://shopify.dev/api/liquid/objects/variant#variant-sku 

If there is no appropriate custom-liquid setting the template itself will have to be modified to use one of the above liquid outputs.

Search similar - { theme name } { issue }

https://community.shopify.com/c/forums/searchpage/tab/message?q=debut%20theme%20collection%20sku&noS...