How can I add a weight on an option?

If you want to add weights to options in order to calculate different shipping rates, follow the steps below.

Checkout settings

In the app, navigate to the Settings page:

in the Checkout setting section, check the setting "Calculate weights":

Options weights

On each of the options values, you will see an additional column for entering a weight value:

Shipping rates

The app will calculate the total weight of all selected options, including the weight of the product variant configured on your Shopify product.

Unfortunately, on the newest Shopify checkout, it is not possible for apps to update the total weight that is used to filter the available shipping rates. To still allow filtering the shipping rates based the total weight value that includes the options, it's required to set up delivery conditions inside the app.

Please visit the following help documentation to learn how to setup the new Checkout settings (Weight calculation).

Show weight on product page

If you want to show the current total weight of the product including all the selected options, then you can add a custom element on your theme with the following attribute:

<p data-live-weight="{{ product.id }}"></p>

Weight unit

The default unit is kg, you can provide one of the following unit attributes to control the format:

<p data-live-weight="{{ product.id }}" data-live-weight-unit="kg"></p>
<p data-live-weight="{{ product.id }}" data-live-weight-unit="g"></p>
<p data-live-weight="{{ product.id }}" data-live-weight-unit="lb"></p>
<p data-live-weight="{{ product.id }}" data-live-weight-unit="oz"></p>