<div class="shipping-method">
{% block component_shipping_method_field %}
<div class="shipping-form-group form-group">
{% block component_shipping_method_control %}
<div class="{{ formRadioWrapperClass }} shipping-method-radio">
{% block component_shipping_method_input %}
<input type="radio"
id="shippingMethod{{ shipping.id }}"
name="shippingMethodId"
value="{{ shipping.id }}"
{% if shipping.id is same as(context.shippingMethod.id) %}checked="checked"{% endif %}
class="{{ formCheckInputClass }} shipping-method-input">
{% endblock %}
{% block component_shipping_method_label %}
<label class="{{ formCheckLabelClass }} shipping-method-label"
for="shippingMethod{{ shipping.id }}">
{% block component_shipping_method_image %}
{% if shipping.media %}
{% sw_thumbnails 'shipping-method-image-thumbnails' with {
media: shipping.media,
sizes: {
'default': '100px'
},
attributes: {
'class': 'shipping-method-image',
'alt': (shipping.media.translated.alt ?: shipping.translated.name),
'title': (shipping.media.translated.title ?: shipping.translated.name)
}
} %}
{% endif %}
{% endblock %}
{% block component_shipping_method_description %}
<div class="shipping-method-description">
<strong>{{ shipping.translated.name }}</strong>
{% if shipping.translated.description %}
{% set shippingDescription = shipping.translated.description|raw %}
{% if not shipping.id is same as(context.shippingMethod.id) %}
{% set shippingDescription = (shippingDescription|length > 75 ? shippingDescription[:75] ~ ' ...' : shippingDescription) %}
{% endif %}
<p title="{{ shipping.translated.description|raw }}">{{ shippingDescription }}</p>
{% endif %}
</div>
{% endblock %}
</label>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>