@model CheckoutShippingMethodModel
<div class="checkout-data">
<div class="section shipping-method">
@await Component.InvokeAsync("Widget", new { widgetZone = PublicWidgetZones.OpCheckoutShippingMethodTop })
@if (Model.Warnings.Count == 0)
{
<select class="address-select form-control custom-select" title="" >
@for (var i = 0; i < Model.ShippingMethods.Count; i++)
{
var shippingMethod = Model.ShippingMethods[i];
<option value="@(shippingMethod.Name)___@(shippingMethod.ShippingRateComputationMethodSystemName)">
@T("Checkout.SelectShippingMethod.MethodAndFee", shippingMethod.Name, shippingMethod.Fee)
</option>
}
</select>
}
else
{
<div class="message-error alert alert-danger">
<ul>
@foreach (var warning in Model.Warnings)
{
<li>@warning</li>
}
</ul>
</div>
}
@await Component.InvokeAsync("Widget", new { widgetZone = PublicWidgetZones.OpCheckoutShippingMethodBottom })
</div>
</div>
When I click Continue I get a popup saying "Your order cannot be completed at this time as there is no shipping methods available for it. Please make necessary changes in your shipping address."
What am I doing wrong?
Thanks in advance