Product-template.liquid

gistfile1.txt

<br>
          <div class="custom-avail-field">
            {% if current_variant.available %}
            {{ 'products.product.remaining' | t }}: <span id="inventoryQuantity">{{ current_variant.inventory_quantity }}</span>
            {% endif %}
          </div>
          
            <div class="custom-avail-field">
            {% if current_variant.available %}
            Weight: <span id="inventoryWeight">{{ current_variant.weight }} grams</span>
            {% endif %}
          </div>
          
          <script>
  var variant_inventory = [];
  {% for variant in product.variants %}
      variant_inventory[ {{ variant.id }} ] = {{ variant.inventory_quantity }};
  {% endfor %}
</script>

<script>
  var variant_weight = [];
  {% for variant in product.variants %}
      variant_weight[ {{ variant.id }} ] = {{ variant.weight }} + ' grams';
  {% endfor %}
</script>

in theme.js

$('#inventoryQuantity').html( variant_inventory[ variant.id] );
$('#inventoryWeight').html( variant_weight[ variant.id] );