Shipping Prices Details¶
This webcomponent is responsible for rendering a lowest shipping price of a given product. It listens to shipping costs changes made across the application and automatically updates the component.
Attributes¶
| Attribute name | Type | Default | Required | Description |
|---|---|---|---|---|
selected-country-id |
number |
null | yes | Id of a shipping country selected by default |
Example¶
{% set product = ObjectApi.getProduct(product_id) %}
{% set defaultVariant = product.variant %}
{% set defaultCountryShippingCosts = defaultVariant.countryShippingCosts[0] %}
<shipping-prices-details
selected-country-id="{{ defaultCountryShippingCosts.country.id }}"
></shipping-prices-details>