Hello, I would like to know how to make it so that when I choose a variant it shows me the weight only of the variant that I have chosen. Now all the weights of all the variants are shown. Right now i used this to call
Weight: {% for variant in product.variants %}{{variant.weight | weight_with_unit }}{% endfor %}
And this is the result.
https://fantasticjewelrynyc.com/products/cuban-link-chain-14k-gold
To display the weight of the selected variant only, you can modify the Liquid code in your product template. Here’s an example of how you can achieve this:
Access the theme editor: Go to your Shopify admin dashboard and navigate to “Online Store” → “Themes”. Find your current theme and click on the “Actions” dropdown, then select “Edit code”.
Locate the product template: In the theme editor, look for the file that controls the product template. This is typically named product.liquid or similar. Open it in the code editor.
Find the variant selection code: Within the product template code, search for the code that handles the variant selection. This code is usually responsible for displaying variant options and updating the selected variant.
Add a conditional statement: After the variant selection code, add a conditional statement to check if a variant is selected. You can use the product.selected_or_first_available_variant object to access the currently selected variant. Here’s an example:
{% if product.selected_or_first_available_variant %}
Weight: {{ product.selected_or_first_available_variant.weight | weight_with_unit }}
{% endif %}
weight_with_unit filter.Hello, thanks for your help, I did what you indicated, the weight of the variation is indeed shown, however, when I choose another variation the weight does not change, if I reload the page the new weight is shown but I would like you to tell me what I should make it so that the weight is changed automatically when you choose a new variation.
It looks like you have this working on your store now, could I ask how you did this please?
Hi were you able to get an answer on how this was done ? I have been trying to find a solution and would love some help.
