title: Shopify SKU not updating when variant is selected
body: <p>I'm calling in a product SKU number that is supposed to change when the variant is selected based on <a href="https://help.shopify.com/themes/customization/products/show-sku-numbers" rel="nofollow noreferrer">this Shopify tutorial</a>.</p>
  
  <p>As instructed I place the following snippet where I want the SKU to display:</p>
  
  <pre><code>{% assign current_variant = product.selected_or_first_available_variant %}
  &lt;span class="variant-sku"&gt;{{ current_variant.sku }}&lt;/span&gt;
  </code></pre>
  
  <p>However, when the variant is changed the SKU never updates like it does in their tutorial's gif.</p>
  
  <p>Here's <a href="https://mostergo.com/products/ergocentric-aircentric-chair" rel="nofollow noreferrer">an example</a> of it on the website where it isn't working.</p>
  
  <p><a href="https://i.stack.imgur.com/FvsUI.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FvsUI.gif" alt="enter image description here"></a></p>
  
  <p>Also, here's a screenshot showing that the option is indeed a Shopify variant and not something else (just so all my bases are covered).</p>
  
  <p>My only guess is that Shopify may have changed and this is done differently now or that I've somehow set something up incorrectly, though I've followed the tutorial's instructions (placed inside the product-template.liquid, which is referenced from the product.liquid (the theme is sectioned).</p>
  
  <p><a href="https://i.stack.imgur.com/mwd3i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mwd3i.png" alt="enter image description here"></a></p>