/ M103 Shop Checkout Address

Rechnungs- und Lieferadresse Versandart Bezahlung Zusammenfassung

Teile uns deine Rechnungsadresse mit

Eine abweichende Lieferadresse kannst du unten angeben. Falls du deine Stammdaten ändern möchtest, kannst du dies in deinen Account Einstellungen machen.
Anrede

Lieferadresse

Anrede
Zurück zum Warenkorb
Rechnungsadresse Zusammenfassung & Bezahlung

Teile uns deine Rechnungsadresse mit

Anrede
Zurück zum Warenkorb
Rechnungs- und Lieferadresse Versandart Bezahlung Zusammenfassung
Fehler Das ist ein Fehlertext

Teile uns deine Rechnungsadresse mit

Eine abweichende Lieferadresse kannst du unten angeben. Falls du deine Stammdaten ändern möchtest, kannst du dies in deinen Account Einstellungen machen.
Anrede

Lieferadresse

Anrede
Zurück zum Warenkorb

Default implemention.

Data

{
	"stepperBar": {
		"list": [
			{
				"label": "Rechnungs- und Lieferadresse",
				"url": null,
				"isActive": true,
				"isValid": false
			},
			{
				"label": "Versandart",
				"url": null,
				"isActive": false,
				"isValid": false
			},
			{
				"label": "Bezahlung",
				"url": null,
				"isActive": false,
				"isValid": false
			},
			{
				"label": "Zusammenfassung",
				"url": null,
				"isActive": false,
				"isValid": false
			}
		]
	},
	"headline": "Teile uns deine Rechnungsadresse mit",
	"headlineTag": "h2",
	"copy": "Eine abweichende Lieferadresse kannst du unten angeben. Falls du deine Stammdaten ändern möchtest, kannst du dies in deinen <a href=\"#\">Account Einstellungen</a> machen.",
	"headlineDelivery": "Lieferadresse",
	"headlineTagDelivery": "h2",
	"form": {
		"action": "/pages/shop_checkout_shipping/shop_checkout_shipping.html",
		"method": "get"
	},
	"inputs": {
		"hidden": [
			{
				"name": "L",
				"value": "0"
			},
			{
				"name": "K",
				"value": "311"
			}
		],
		"billingAddress": {
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "male",
						"text": "Herr",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "first-name",
				"name": "first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "last-name",
				"name": "last_name",
				"label": "Name",
				"required": true
			},
			"email": {
				"id": "email",
				"name": "email",
				"label": "E-Mail",
				"required": true,
				"type": "email"
			},
			"phone": {
				"id": "phone",
				"name": "phone",
				"label": "Telefon",
				"type": "tel",
				"placeholder": "z.B. +41 31 370 18 18"
			},
			"street": {
				"id": "street",
				"name": "street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "zip",
				"name": "zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "city",
				"name": "city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "country",
				"name": "country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		},
		"deliveryAddress": {
			"differs": {
				"id": "delivery-differs",
				"name": "delivery-differs",
				"text": "Abweichende Lieferadresse"
			},
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "delivery-gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "delivery-female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "delivery-male",
						"text": "Mann",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "delivery-first-name",
				"name": "delivery-first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "delivery-last-name",
				"name": "delivery-last_name",
				"label": "Name",
				"required": true
			},
			"street": {
				"id": "delivery-street",
				"name": "delivery-street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "delivery-zip",
				"name": "delivery-zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "delivery-city",
				"name": "delivery-city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "delivery-country",
				"name": "delivery-country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		}
	},
	"prevButton": {
		"url": "/pages/shop_cart/shop_cart.html",
		"label": "Zurück zum Warenkorb"
	},
	"nextButton": {
		"label": "Weiter zur Versandart"
	},
	"cartSummary": {
		"labels": {
			"total": "Total",
			"quantity": "Menge"
		},
		"headline": "Dein Warenkorb",
		"headlineTag": "h3",
		"currencyCode": "CHF",
		"price": {
			"hasShippingCost": false,
			"shippingLabel": "Verpackung & Versand",
			"shippingInfo": "B-Post, portofrei ab CHF 50.00",
			"shippingValue": "0.00",
			"discountLabel": "Gutscheine",
			"discountValue": "50.00",
			"taxLabel": "enthaltene MwSt.",
			"total": "153.00",
			"taxValue": "25.50"
		},
		"basketItems": [
			{
				"headline": "Gipfelziele Graubünden Nord",
				"price": "39.00",
				"quantity": "1",
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_1_",
						"fileExtension": ".jpg"
					}
				}
			},
			{
				"headline": "Original SAC Hüttendecke",
				"price": "149.00",
				"quantity": "2",
				"attributes": [
					{
						"label": "Masse",
						"value": "1500 x 2000 mm"
					}
				],
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_2_",
						"fileExtension": ".jpg"
					}
				}
			},
			{
				"headline": "SAC-Tourenportal Abo",
				"price": "15.00",
				"attributes": [
					{
						"label": "Monatsabo, 3 Monate gratis",
						"value": "monatliche Bezahlung ab 23.04.2018"
					}
				],
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_3_",
						"fileExtension": ".png"
					}
				}
			}
		]
	},
	"contact": {
		"headline": "Fragen zu deinem Einkauf?",
		"headlineTag": "h3",
		"copy": "Du erreichst uns telefonisch zu unseren Geschäftszeiten Mo bis Fr 08:00 – 17:00 Uhr.",
		"list": [
			{
				"label": "+41 (0) 31 37018 43",
				"icon": "phone",
				"url": "tel://+410313701843"
			},
			{
				"label": "eshop@sac-cas.ch",
				"icon": "envelope",
				"url": "mailto://eshop@sac-cas.ch"
			}
		]
	},
	"errorAlert": null
}

Data

{
	"stepperBar": {
		"list": [
			{
				"label": "Rechnungsadresse",
				"url": null,
				"isActive": true,
				"isValid": false
			},
			{
				"label": "Zusammenfassung & Bezahlung",
				"url": null,
				"isActive": false,
				"isValid": false
			}
		]
	},
	"headline": "Teile uns deine Rechnungsadresse mit",
	"headlineTag": "h2",
	"copy": null,
	"headlineDelivery": "Lieferadresse",
	"headlineTagDelivery": "h2",
	"form": {
		"action": "/pages/shop_checkout_shipping/shop_checkout_shipping.html",
		"method": "get"
	},
	"inputs": {
		"hidden": [
			{
				"name": "L",
				"value": "0"
			},
			{
				"name": "K",
				"value": "311"
			}
		],
		"billingAddress": {
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "male",
						"text": "Herr",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "first-name",
				"name": "first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "last-name",
				"name": "last_name",
				"label": "Name",
				"required": true
			},
			"email": {
				"id": "email",
				"name": "email",
				"label": "E-Mail",
				"required": true,
				"type": "email"
			},
			"phone": {
				"id": "phone",
				"name": "phone",
				"label": "Telefon",
				"type": "tel",
				"placeholder": "z.B. +41 31 370 18 18"
			},
			"street": {
				"id": "street",
				"name": "street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "zip",
				"name": "zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "city",
				"name": "city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "country",
				"name": "country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		},
		"deliveryAddress": {
			"differs": {
				"id": "delivery-differs",
				"name": "delivery-differs",
				"text": "Abweichende Lieferadresse"
			},
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "delivery-gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "delivery-female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "delivery-male",
						"text": "Mann",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "delivery-first-name",
				"name": "delivery-first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "delivery-last-name",
				"name": "delivery-last_name",
				"label": "Name",
				"required": true
			},
			"street": {
				"id": "delivery-street",
				"name": "delivery-street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "delivery-zip",
				"name": "delivery-zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "delivery-city",
				"name": "delivery-city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "delivery-country",
				"name": "delivery-country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		}
	},
	"prevButton": {
		"url": "/pages/shop_cart/shop_cart.html",
		"label": "Zurück zum Warenkorb"
	},
	"nextButton": {
		"label": "Weiter zu Zusammenfassung & Bezahlung"
	},
	"cartSummary": {
		"labels": {
			"total": "Total",
			"quantity": "Menge"
		},
		"headline": "Dein Warenkorb",
		"headlineTag": "h3",
		"currencyCode": "CHF",
		"price": {
			"hasShippingCost": false,
			"shippingLabel": "Verpackung & Versand",
			"shippingInfo": "B-Post, portofrei ab CHF 50.00",
			"shippingValue": "0.00",
			"discountLabel": "Gutscheine",
			"discountValue": null,
			"taxLabel": "enthaltene MwSt.",
			"total": "153.00",
			"taxValue": "25.50"
		},
		"basketItems": [
			{
				"headline": "SAC-Tourenportal Abo",
				"price": "15.00",
				"attributes": [
					{
						"label": "Monatsabo, 3 Monate gratis",
						"value": "monatliche Bezahlung ab 23.04.2018"
					}
				],
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_3_",
						"fileExtension": ".png"
					}
				}
			}
		]
	},
	"contact": {
		"headline": "Fragen zu deinem Einkauf?",
		"headlineTag": "h3",
		"copy": "Du erreichst uns telefonisch zu unseren Geschäftszeiten Mo bis Fr 08:00 – 17:00 Uhr.",
		"list": [
			{
				"label": "+41 (0) 31 37018 43",
				"icon": "phone",
				"url": "tel://+410313701843"
			},
			{
				"label": "eshop@sac-cas.ch",
				"icon": "envelope",
				"url": "mailto://eshop@sac-cas.ch"
			}
		]
	},
	"errorAlert": null,
	"noShippingNeeded": true
}

Data

{
	"stepperBar": {
		"list": [
			{
				"label": "Rechnungs- und Lieferadresse",
				"url": null,
				"isActive": true,
				"isValid": false
			},
			{
				"label": "Versandart",
				"url": null,
				"isActive": false,
				"isValid": false
			},
			{
				"label": "Bezahlung",
				"url": null,
				"isActive": false,
				"isValid": false
			},
			{
				"label": "Zusammenfassung",
				"url": null,
				"isActive": false,
				"isValid": false
			}
		]
	},
	"headline": "Teile uns deine Rechnungsadresse mit",
	"headlineTag": "h2",
	"copy": "Eine abweichende Lieferadresse kannst du unten angeben. Falls du deine Stammdaten ändern möchtest, kannst du dies in deinen <a href=\"#\">Account Einstellungen</a> machen.",
	"headlineDelivery": "Lieferadresse",
	"headlineTagDelivery": "h2",
	"form": {
		"action": "/pages/shop_checkout_shipping/shop_checkout_shipping.html",
		"method": "get"
	},
	"inputs": {
		"hidden": [
			{
				"name": "L",
				"value": "0"
			},
			{
				"name": "K",
				"value": "311"
			}
		],
		"billingAddress": {
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "male",
						"text": "Herr",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "first-name",
				"name": "first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "last-name",
				"name": "last_name",
				"label": "Name",
				"required": true
			},
			"email": {
				"id": "email",
				"name": "email",
				"label": "E-Mail",
				"required": true,
				"type": "email"
			},
			"phone": {
				"id": "phone",
				"name": "phone",
				"label": "Telefon",
				"type": "tel",
				"placeholder": "z.B. +41 31 370 18 18"
			},
			"street": {
				"id": "street",
				"name": "street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "zip",
				"name": "zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "city",
				"name": "city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "country",
				"name": "country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		},
		"deliveryAddress": {
			"differs": {
				"id": "delivery-differs",
				"name": "delivery-differs",
				"text": "Abweichende Lieferadresse"
			},
			"salutationRadioGroup": {
				"label": "Anrede",
				"name": "delivery-gender",
				"error": false,
				"errorList": null,
				"horizontal": true,
				"required": true,
				"radioList": [
					{
						"id": "delivery-female",
						"value": "female",
						"text": "Frau",
						"checked": true
					},
					{
						"id": "male",
						"value": "delivery-male",
						"text": "Mann",
						"checked": false
					}
				]
			},
			"firstName": {
				"id": "delivery-first-name",
				"name": "delivery-first_name",
				"label": "Vorname",
				"required": true
			},
			"lastName": {
				"id": "delivery-last-name",
				"name": "delivery-last_name",
				"label": "Name",
				"required": true
			},
			"street": {
				"id": "delivery-street",
				"name": "delivery-street",
				"label": "Strasse/Hausnummer",
				"required": true
			},
			"zip": {
				"id": "delivery-zip",
				"name": "delivery-zip",
				"label": "PLZ",
				"required": true
			},
			"city": {
				"id": "delivery-city",
				"name": "delivery-city",
				"label": "Ort",
				"required": true
			},
			"country": {
				"id": "delivery-country",
				"name": "delivery-country",
				"label": "Land",
				"optionList": [
					{
						"value": "switzerland",
						"label": "Schweiz"
					},
					{
						"value": "germany",
						"label": "Deutschland"
					},
					{
						"value": "austria",
						"label": "Österreich"
					}
				]
			}
		}
	},
	"prevButton": {
		"url": "/pages/shop_cart/shop_cart.html",
		"label": "Zurück zum Warenkorb"
	},
	"nextButton": {
		"label": "Weiter zur Versandart"
	},
	"cartSummary": {
		"labels": {
			"total": "Total",
			"quantity": "Menge"
		},
		"headline": "Dein Warenkorb",
		"headlineTag": "h3",
		"currencyCode": "CHF",
		"price": {
			"hasShippingCost": false,
			"shippingLabel": "Verpackung & Versand",
			"shippingInfo": "B-Post, portofrei ab CHF 50.00",
			"shippingValue": "0.00",
			"discountLabel": "Gutscheine",
			"discountValue": "50.00",
			"taxLabel": "enthaltene MwSt.",
			"total": "153.00",
			"taxValue": "25.50"
		},
		"basketItems": [
			{
				"headline": "Gipfelziele Graubünden Nord",
				"price": "39.00",
				"quantity": "1",
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_1_",
						"fileExtension": ".jpg"
					}
				}
			},
			{
				"headline": "Original SAC Hüttendecke",
				"price": "149.00",
				"quantity": "2",
				"attributes": [
					{
						"label": "Masse",
						"value": "1500 x 2000 mm"
					}
				],
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_2_",
						"fileExtension": ".jpg"
					}
				}
			},
			{
				"headline": "SAC-Tourenportal Abo",
				"price": "15.00",
				"attributes": [
					{
						"label": "Monatsabo, 3 Monate gratis",
						"value": "monatliche Bezahlung ab 23.04.2018"
					}
				],
				"img": {
					"srcset": {
						"sizeList": [
							[
								180
							],
							[
								360
							]
						],
						"basePath": "/modules/m103_shop_checkout_address/media/product_3_",
						"fileExtension": ".png"
					}
				}
			}
		]
	},
	"contact": {
		"headline": "Fragen zu deinem Einkauf?",
		"headlineTag": "h3",
		"copy": "Du erreichst uns telefonisch zu unseren Geschäftszeiten Mo bis Fr 08:00 – 17:00 Uhr.",
		"list": [
			{
				"label": "+41 (0) 31 37018 43",
				"icon": "phone",
				"url": "tel://+410313701843"
			},
			{
				"label": "eshop@sac-cas.ch",
				"icon": "envelope",
				"url": "mailto://eshop@sac-cas.ch"
			}
		]
	},
	"errorAlert": {
		"headline": "Fehler",
		"copy": "Das ist ein Fehlertext"
	}
}

Template

<div class="m-shop-checkout-address" data-init="ShopCheckoutAddress">
	{{> modules/m058_stepper_bar/m058_stepper_bar stepperBar}}

	<form class="m-stepper-content" action="{{form.action}}" method="{{form.method}}">

		{{#if inputs.hidden}}
			{{#each inputs.hidden}}
				<input type="hidden" name="{{name}}" value="{{value}}">
			{{/each}}
		{{/if}}

		<div class="row">
			<div class="small-12 medium-8 column">
				<div class="m-stepper-content__main">

					{{#if errorAlert}}
						<div class="m-shop-checkout__alert-wrapper">
							{{> modules/m004_alert/m004_alert errorAlert type="danger" icon="exclamation-mark-in-circle"}}
						</div>
					{{/if}}

					<h3 class="fs-h3">{{headline}}</h3>
					{{#if copy }}
						<div class="m-shop-checkout__copy c-rich-text">{{{copy}}}</div>
					{{/if}}

					<div class="m-shop-checkout__form-inputs c-form">
						<fieldset class="c-fieldset">
							<div class="row">
								<div class="columns small-12 medium-6">
									<div class="m-shop-checkout-address__gender-radio-wrapper">
										{{> modules/c035_input_radio_group/c035_input_radio_group inputs.billingAddress.salutationRadioGroup }}
									</div>
								</div>
							</div>
							<div class="row">
								<div class="columns small-12 medium-6">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.firstName }}
								</div>
								<div class="columns small-12 medium-6">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.lastName }}
								</div>
							</div>
							<div class="row align-bottom">
								<div class="columns small-12 medium-6">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.email }}
								</div>
								<div class="columns small-12 medium-6">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.phone }}
								</div>
							</div>
						</fieldset>
						<fieldset class="c-fieldset">
							<div class="row align-bottom">
								<div class="columns small-12 medium-6">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.street }}
								</div>
								<div class="columns small-4 medium-2">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.zip }}
								</div>
								<div class="columns small-8 medium-4">
									{{> modules/c002_input_group/c002_input_group inputs.billingAddress.city }}
								</div>
							</div>
							<div class="row">
								<div class="columns small-12 medium-6">
									{{> modules/c032_select/c032_select inputs.billingAddress.country variant="c-select--block"}}
								</div>
							</div>
						</fieldset>
						{{#unless noShippingNeeded }}
							<fieldset class="c-fieldset">
								<div class="row">
									<div class="columns small-12">
										{{> modules/c036_input_checkbox/c036_input_checkbox inputs.deliveryAddress.differs jsBinding="ShopCheckoutAddress-checkbox" }}
									</div>
								</div>
							</fieldset>
						{{/unless}}
					</div>
					{{#unless noShippingNeeded }}
						<div class="m-shop-checkout__form-inputs m-shop-checkout-address__form-delivery c-form" data-js-binding="ShopCheckoutAddress-form">
							<h3 class="m-shop-checkout-address__differ-headline fs-h3">{{headlineDelivery}}</h3>
							<fieldset class="c-fieldset">
								<div class="row">
									<div class="columns small-12 medium-6">
										<div class="m-shop-checkout-address__gender-radio-wrapper">
											{{> modules/c035_input_radio_group/c035_input_radio_group inputs.deliveryAddress.salutationRadioGroup }}
										</div>
									</div>
								</div>
								<div class="row">
									<div class="columns small-12 medium-6">
										{{> modules/c002_input_group/c002_input_group inputs.deliveryAddress.firstName }}
									</div>
									<div class="columns small-12 medium-6">
										{{> modules/c002_input_group/c002_input_group inputs.deliveryAddress.lastName }}
									</div>
								</div>
								<div class="row align-bottom">
									<div class="columns small-12 medium-6">
										{{> modules/c002_input_group/c002_input_group inputs.deliveryAddress.street }}
									</div>
									<div class="columns small-4 medium-2">
										{{> modules/c002_input_group/c002_input_group inputs.deliveryAddress.zip }}
									</div>
									<div class="columns small-8 medium-4">
										{{> modules/c002_input_group/c002_input_group inputs.deliveryAddress.city }}
									</div>
								</div>
								<div class="row">
									<div class="columns small-12 medium-6">
										{{> modules/c032_select/c032_select inputs.deliveryAddress.country variant="c-select--block"}}
									</div>
								</div>
							</fieldset>
						</div>
					{{/unless}}

					<div class="m-stepper-content__nav">
						<a href="{{prevButton.url}}" class="m-stepper-content__button c-button c-button--secondary">
							{{prevButton.label}}
						</a>
						{{#if nextButton}}
							<button class="m-stepper-content__button m-stepper-content__button--next c-button" type="submit">
								{{nextButton.label}}
							</button>
						{{/if}}
					</div>

				</div>
			</div>

			<div class="small-12 medium-4 column">
				<div class="m-stepper-content__sidebar">
					{{> modules/m103_shop_checkout_address/partials/_summary cartSummary noShippingNeeded=noShippingNeeded }}
					{{> modules/m103_shop_checkout_address/partials/_contact contact }}
				</div>
			</div>
		</div>

	</form>
</div>

Template of modules/m103_shop_checkout_address/partials/_summary

<div class="m-shop-checkout__summary">
	<{{headlineTag}} class="m-shop-checkout-address__headline fs-h3">{{headline}}</{{headlineTag}}>
	<ul class="m-shop-checkout__summary-list o-ui-list fs-copy">
		{{#each basketItems}}
			<li class="m-shop-checkout__summary-product">
				<div class="m-shop-checkout__summary-image-wrapper o-aspect-ratio o-aspect-ratio--1x1">
					{{> modules/_image/_image img class="m-shop-checkout__summary-image"}}
				</div>
				<div class="m-shop-checkout__summary-product-text">
					<div class="m-shop-checkout__summary-product-desc">
						<p>{{headline}}</p>
					</div>
					<div class="m-shop-checkout__summary-product-price">
						{{../currencyCode}} {{price}}
					</div>
					<div class="m-shop-checkout__summary-product-attributes">
						{{#each attributes}}
							<p>{{label}}: {{value}}</p>
						{{/each}}
						{{#if quantity}}
							<p>{{../labels.quantity}}: {{quantity}}</p>
						{{/if}}
					</div>
				</div>
			</li>
		{{/each}}
		{{#if price.discountValue}}
			<li class="m-shop-checkout__summary-calculation m-shop-checkout__summary-calculation--discount">
				<div class="m-shop-checkout__summary-calculation-desc">
					<p>{{price.discountLabel}}</p>
				</div>
				<div class="m-shop-checkout__summary-calculation-price">
					<p>- {{currencyCode}} {{price.discountValue}}</p>
				</div>
			</li>
		{{/if}}
		{{#unless noShippingNeeded}}
			<li class="m-shop-checkout__summary-calculation">
				<div class="m-shop-checkout__summary-calculation-desc">
					<p data-js-binding="ShopCheckout-shippingLabel">{{price.shippingLabel}}</p>
					<p data-js-binding="ShopCheckout-shippingInfo">{{price.shippingInfo}}</p>
				</div>
				<div class="m-shop-checkout__summary-calculation-price">
					{{currencyCode}} <span data-js-binding="ShopCheckout-shippingValue">{{price.shippingValue}}</span>
				</div>
			</li>
		{{/unless}}
	</ul>
	<div class="m-shop-checkout__summary-total">
		<p class="fs-copy-bold">{{labels.total}} {{currencyCode}} <span data-js-binding="ShopCheckout-total">{{price.total}}</span></p>
		<p>{{price.taxLabel}} {{currencyCode}} <span data-js-binding="ShopCheckout-taxValue">{{price.taxValue}}</span></p>
	</div>
</div>

Template of modules/m103_shop_checkout_address/partials/_contact

<div class="m-shop-checkout__contact">
	<{{headlineTag}} class="m-shop-checkout-contact__headline fs-h3">{{headline}}</{{headlineTag}}>
	<p class="m-shop-checkout__contact-copy fs-copy">{{copy}}</p>
	<ul class="m-shop-checkout__contact-list o-ui-list">
		{{#each list}}
			<li class="m-shop-checkout__contact-item">
				{{> modules/c018_label_with_icon/c018_label_with_icon this}}
			</li>
		{{/each}}
	</ul>
</div>

Global Data

{
	"global": {
		"lang": "de",
		"locale": "de-CH",
		"svgSprite": "/assets/media/svg/svg-sprite.svg",
		"transparentPixel": "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
		"season": "summer",
		"api": {
			"suisseAlpine": "https://dev.suissealpine.sac-cas.ch/api",
			"sacRouteDetail": "https://dev.web.sac-cas.ch/de/?type=1567765346410&tx_usersaccas2020_sac2020[routeId]=",
			"sacRoutePassTrough": "https://dev.web.sac-cas.ch/de/?type=1567765346411&tx_usersaccas2020_sac2020[routeId]=",
			"uploadProfileImage": "https://dev.web.sac-cas.ch/?eID=routing&route=usersaccassite/users/current/uploadProfileImage",
			"deleteProfileImage": "https://dev.web.sac-cas.ch/?eID=routing&route=usersaccassite/users/current/deleteProfileImage",
			"aimeosShop": "https://dev.web.sac-cas.ch/de/shop/shopapi/",
			"mailchimpForm": "https://sac-cas.us2.list-manage.com/subscribe/post?u=466a37a029f12e4df9e7a2a1f&id=ee3f0f3cf3",
			"collections": "https://collectionsdev.web.sac-cas.ch/api",
			"hrs": "https://www.alpsonline.org/hut-web-service?wsdl"
		},
		"baseAimeosUploadPath": "https://dev.web.sac-cas.ch/uploads/tx_aimeos/",
		"mapIframeUrl": "/modules/m030_map/media/map_iframe.html",
		"baseDestinationLinkUrl": "/pages/destination_summit/destination_summit.html?",
		"destinationLinkRouteAnchor": "route",
		"baseJourneyLinkUrl": "https://dev.web.sac-cas.ch/de/redirect/google-maps-routing/lv03/",
		"routeCollectionLinkUrl": "https://dev.web.sac-cas.ch/de/mein-sac/uebersicht/",
		"hrsLinkUrl": "https://www.alpsonline.org/reservation/wizard?header=yes&hut_id={{hutId}}&selectedDate={{date}}",
		"schweizMobilImportUrl": "https://map.schweizmobil.ch/?showDialog=importcoordinates&showLogin&coordinates={{coordinates}}",
		"geologyImageUrl": "https://www.sac-cas.ch/fileadmin/Huetten_und_Touren/Tourenportal/Gesteinszonenkarten/Hovercard/{{image}}.jpg",
		"features": {
			"archive": true
		},
		"translations": {
			"disciplines": {
				"mountain_hiking": "Berg- und Alpinwandern",
				"alpine_tour": "Hochtour",
				"climbing": "Klettern",
				"alpine_climbing": "Alpinklettern",
				"via_ferrata": "Klettersteig",
				"ski_tour": "Skitour",
				"snowshoe_tour": "Schneeschuhtour",
				"archive": "Routenarchiv"
			},
			"types": {
				"summit": "Gipfel",
				"hut": "Hütte",
				"traverse": "Übergang",
				"marking_point": "Markanter Punkt",
				"departure_arrival": "Ausgangp./Talort",
				"climbing_area": "Klettergebiet"
			},
			"markingPoints": {
				"lake": "See",
				"catering": "Einkehr",
				"waterfall": "Wasserfall",
				"cave": "Höhle",
				"bridge": "Brücke",
				"alp": "Alpe",
				"other": "Sehenswürdigkeit"
			},
			"difficulties": {
				"alpine_tour": {
					"L": "L",
					"WS": "WS",
					"ZS": "ZS",
					"S": "S",
					"SS": "SS",
					"AS": "AS"
				},
				"ski_tour": {
					"L": "L",
					"WS": "WS",
					"ZS": "ZS",
					"S": "S",
					"SS": "SS",
					"AS": "AS"
				}
			},
			"altitudeSuffix": "m ü.M.",
			"altitudeDifferenceUnit": "hm",
			"hoursUnit": "h",
			"difficulty": "Schwierigkeit",
			"ascent": "Aufstieg",
			"descent": "Abstieg",
			"route": "Route",
			"routes": "Routen",
			"segment": "Routenabschnitt",
			"segments": "Routenabschnitte",
			"approach": "Zustieg",
			"approaches": "Zustiege",
			"sector": "Sektor",
			"sectors": "Sektoren",
			"hut": "Hütte",
			"hutPrivate": "Hütte Privat",
			"hutFilter": "Hüttenfinder",
			"situationWarning": "Zustandswarnung",
			"protectionRule": "Schutzbestimmung",
			"archiveRoute": "Archivroute",
			"archiveRoutes": "Archivrouten",
			"map": {
				"map": "Karte",
				"legend": "Legende",
				"zoomIn": "Reinzoomen",
				"zoomOut": "Rauszoomen",
				"enterFullscreenMode": "Vollbildmodus starten",
				"leaveFullscreenMode": "Vollbildmodus verlassen",
				"searchLabel": "Region, Gipfel, Hütte, Talort, POI, …",
				"disciplineSettings": "Disziplinen Einstellungen",
				"layerSettings": "Ergänzende Kartenebenen",
				"geolocate": "Lokalisieren",
				"searchInView": "In diesem Gebiet suchen",
				"waypointDrawing": "Auf Karte zeichnen",
				"drawWaypoints": "Route zeichnen",
				"removeWaypoints": "Route löschen",
				"exportWaypoints": "GPX downloaden",
				"saveInSchweizMobil": "Speichern|SchweizMobil Plus",
				"moreInFullscreen": "Entdecke weitere Funktionen auf der Vollbildkarte:<br>- Zeichne deine eigenen Tracks",
				"baseLayers": {
					"pois": "Tourenziele, Hütten",
					"routes": "Routen"
				},
				"additionalLayers": {
					"summer": "Sommer",
					"winter": "Winter",
					"hikingTrails": "Wanderwege",
					"closedHikingTrails": "Gesperrte Wanderwege",
					"wildlifeReserves": "Wildschutzgebiete",
					"skiTours": "swisstopo Skitouren",
					"designatedWildlifeAreas": "Wildruhezonen",
					"publicTransportStops": "ÖV-Stationen",
					"slopesOver30": "Hangneigung ab 30°",
					"protectionRules": "Schutzbestimmungen",
					"situationWarnings": "Zustandswarnungen",
					"geology": "Gesteinszonenkarte",
					"alpGuardDogs": "Herdenschutzhunde",
					"armyShooting": "Schiessanzeigen",
					"snowCover": "Schneeabdeckung",
					"snowDepth": "Schneehöhe"
				},
				"layerOpacity": "Deckkraft aktiver Karten",
				"foregroundOpacity": "Deckkraft aktiver Disziplinen und Hütten",
				"backgroundOpacity": "Deckkraft inaktiver Disziplinen und Hütten",
				"reset": "Zurücksetzen"
			},
			"mapHoverCard": {
				"publicTransport": "Öffentlicher Verkehr",
				"parkingInformations": "Parkinformationen",
				"planJourneyPublicTransport": "Anreise",
				"searchPublicTransport": "Verbindung suchen (SBB)",
				"planJourneyCar": "Anreise Google Maps",
				"downloadWaypoint": "Wegpunkt downloaden",
				"routeLinkLabel": "Route ansehen",
				"wildlifeReserve": "Wildschutzgebiet",
				"wildlifeArea": "Wildruhezone",
				"closedHikingTrail": "Sperrung / Umleitung Wanderweg",
				"alpGuardDogs": "Alpweide geschützt durch Herdenschutzhunde",
				"armyShooting": "Schiessanzeige und Gefahrenstelle",
				"legalBasis": "Grundlage",
				"additionalInformation": "Zusatzinformationen",
				"showDetails": "Details anzeigen",
				"moreOnMapAdminCh": "Mehr Informationen auf map.admin.ch",
				"currentSnowDepth": "Aktuelle Schneehöhe"
			},
			"protectionArea": {
				"lastUpdated": "zuletzt aktualisiert am {{lastUpdate}}",
				"validity": "gültig von {{validFrom}} bis {{validUntil}}",
				"validityEstimated": "gültig von {{validFrom}} bis voraussichtlich {{validUntil}}",
				"validFrom": "gültig ab {{validFrom}}",
				"validUntil": "gültig bis {{validUntil}}",
				"validUntilEstimated": "gültig bis voraussichtlich {{validUntil}}",
				"generallyValid": "generell gültig"
			},
			"collections": {
				"addRouteToCollection": "Route merken",
				"selectCollection": "Merkliste auswählen",
				"selectRoute": "Welche Route(n) dieses Tourenziels möchtest du dir merken?",
				"selectRouteError": "Bitte wähle eine Route aus.",
				"addToCollection": "Merken",
				"cancel": "Abbrechen",
				"routeAddedToCollection": "Die ausgewählte Route(n) wurden zu deiner Merkliste hinzugefügt.",
				"createNew": "Neue Liste",
				"close": "Schliessen",
				"goToCollection": "Zur Merkliste",
				"alreadyCollectedIn": "Bereits gemerkt auf"
			}
		},
		"basePublicTransportLinkUrl": "https://www.sbb.ch/en/buying/pages/fahrplan/fahrplan.xhtml?language=en&nach=",
		"snowDepthInfoUrl": "https://www.sac-cas.ch",
		"snowCoverInfoUrl": "https://www.sac-cas.ch",
		"destinationFallbackImages": {
			"summit": {
				"srcset": {
					"sizeList": [
						[
							600
						],
						[
							1200
						],
						[
							2048
						]
					],
					"urlList": [
						"/modules/c015_teaser_destination/media/summit_600.jpg",
						"/modules/c015_teaser_destination/media/summit_1200.jpg",
						"/modules/c015_teaser_destination/media/summit_2048.jpg"
					]
				}
			},
			"hut": {
				"srcset": {
					"sizeList": [
						[
							600
						],
						[
							1200
						]
					],
					"urlList": [
						"/modules/c015_teaser_destination/media/hut_600.jpg",
						"/modules/c015_teaser_destination/media/hut_1200.jpg",
						"/modules/c015_teaser_destination/media/hut_2048.jpg"
					]
				}
			}
		},
		"map": {
			"news": [
				{
					"label": "Neu",
					"copy": "Jetzt auch <b>GPX downloaden</b>",
					"type": "waypointDrawing"
				},
				{
					"label": "Neu",
					"copy": "Jetzt Deckkraft für jede Ebene einstellbar",
					"type": "layerSettings"
				}
			],
			"metaLinkList": [
				{
					"url": "https://www.swisstopo.admin.ch/",
					"label": "© swisstopo (5701325910)"
				},
				{
					"url": "/pages/map_legend/map_legend.html",
					"label": "Hilfe & Legende"
				},
				{
					"url": "#",
					"label": "Haftungsausschluss"
				}
			]
		}
	}
}

Documentation

Description

Integration

Copy HTML.