How to display variant SKU on product page (horizon theme)

Store Design
, ,
1

How do I display the variant SKU below the product price?

Using Horizon theme.

https://lunamar.co.za

2

Hello @SDBdigital ,

Edit product template find for price existing code and just after it use this code

SKU: {{ product.selected_or_first_available_variant.sku }}

Or if the theme you are using support liquid block then use this code directly there.

Regards
Guleria

3

Hi @SDBdigital ,

You can add a snippet in the customization section.

{{ product.first_available_variant.sku }}
4

Hi

I inserted the code using a custom liquid block - the sku displays - but does not update/change when selecting a different variant.

5

@SDBdigital Yes, to update/change the price according to varient please copy the below code:

6

Hi

I don’t need the price to change.
I just want the variant SKU that is displayed below the titles to change when changing variants.

eg:

small (display SKU: xyz-small)

medium (display SKU: xyz-medium)