Schweizer Alpen-Club SAC / M001 Stage
© Max Mustermann
Das ist eine kombinierte H1 mit Untertitel
Mehr erfahren
© Max Mustermann
Slide 2 mit Untertitel
deserunt non ipsum nulla qui aliquip est
© Max Mustermann
Slide 4 ohne Untertitel
© Max Mustermann
Das ist eine kombinierte H1 mit Untertitel
deserunt non ipsum nulla qui aliquip est reprehenderit velit ipsum cupidatat mollit magna ea laborum aute labore consequat enim eu pariatur officia dolore sint qui incididunt quis sit Lorem cillum
Mehr erfahren
© Max Mustermann
Das ist eine kombinierte H1 mit Untertitel
deserunt non ipsum nulla qui aliquip est reprehenderit velit ipsum cupidatat mollit magna ea laborum aute labore consequat enim eu pariatur officia dolore sint qui incididunt quis sit Lorem cillum
Mehr erfahren
© Max Mustermann
Slide 2 mit Untertitel
deserunt non ipsum nulla qui aliquip est
Data
{
"itemList": [
{
"headline": "Das ist eine kombinierte H1",
"headlineTag": "h2",
"subline": "mit Untertitel",
"copy": "",
"copyright": "© Max Mustermann",
"link": {
"label": "Mehr erfahren",
"url": "#"
},
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_1_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
},
{
"headline": "Slide 2",
"headlineTag": "h1",
"subline": "mit Untertitel",
"copy": "deserunt non ipsum nulla qui aliquip est",
"copyright": "© Max Mustermann",
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_2_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
},
{
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_1_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
},
{
"headline": "Slide 4 ohne Untertitel",
"headlineTag": "h3",
"copyright": "© Max Mustermann",
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_2_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
},
{
"link": {
"url": "#ad"
},
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_2_",
"fileExtension": ".jpg"
},
"alt": "Example ad"
},
"imgSmall": {
"srcset": {
"sizeList": [
[
1504
]
],
"urlList": [
"//placehold.it/1504x940/"
]
},
"alt": "Example ad small"
}
}
]
}
Data
{
"itemList": [
{
"headline": "Das ist eine kombinierte H1",
"headlineTag": "h2",
"subline": "mit Untertitel",
"copy": "deserunt non ipsum nulla qui aliquip est reprehenderit velit ipsum cupidatat mollit magna ea laborum aute labore consequat enim eu pariatur officia dolore sint qui incididunt quis sit Lorem cillum",
"copyright": "© Max Mustermann",
"link": {
"label": "Mehr erfahren",
"url": "#"
},
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_1_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
}
],
"jsOptions": {
"autoPlay": false
}
}
Data
{
"itemList": [
{
"headline": "Das ist eine kombinierte H1",
"headlineTag": "h2",
"subline": "mit Untertitel",
"copy": "deserunt non ipsum nulla qui aliquip est reprehenderit velit ipsum cupidatat mollit magna ea laborum aute labore consequat enim eu pariatur officia dolore sint qui incididunt quis sit Lorem cillum",
"copyright": "© Max Mustermann",
"textColor": "dark",
"link": null,
"img": {
"srcset": {
"sizeList": [
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_3_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
}
],
"jsOptions": {
"autoPlay": false
}
}
Data
{
"itemList": [
{
"headline": "Das ist eine kombinierte H1",
"headlineTag": "h2",
"subline": "mit Untertitel",
"copy": "deserunt non ipsum nulla qui aliquip est reprehenderit velit ipsum cupidatat mollit magna ea laborum aute labore consequat enim eu pariatur officia dolore sint qui incididunt quis sit Lorem cillum",
"copyright": "© Max Mustermann",
"link": {
"label": "Mehr erfahren",
"url": "#"
},
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_1_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
},
{
"headline": "Slide 2",
"headlineTag": "h1",
"subline": "mit Untertitel",
"copy": "deserunt non ipsum nulla qui aliquip est",
"copyright": "© Max Mustermann",
"img": {
"srcset": {
"sizeList": [
[
600
],
[
1200
],
[
2048
]
],
"basePath": "/modules/m001_stage/media/stage_2_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
}
}
],
"jsOptions": {
"autoPlay": true
}
}
Template
<div class="m-stage l-box-shadow"{{#if itemList.1.img}} data-init="Stage"{{#if jsOptions}} data-stage-options='{{{json jsOptions}}}'{{/if}}{{/if}}{{{moduleAttributes this}}}>
{{#if itemList.1.img}}
{{> modules/_pagination_arrows/_pagination_arrows }}
{{/if}}
<div class="m-stage__list" data-js-binding="list">
{{#each itemList as |item|}}
<div class="m-stage__list-item{{#if imgSmall}} m-stage__list-item--with-small-image{{/if}}{{#if textColor}} m-stage__list-item--{{textColor}}-text{{/if}}" data-js-binding="list-item">
<div class="m-stage__image-wrapper">
<div class="m-stage__image">
{{> modules/_image/_image img class="m-stage__image-img--default"}}
{{#if imgSmall}}
{{> modules/_image/_image imgSmall class="m-stage__image-img--small"}}
{{/if}}
</div>
{{#if copyright}}
<div class="m-stage__copyright-helper">
<p class="m-stage__copyright-copy fs-copy-note"><svg class="m-stage__copyright-icon svg"><use xlink:href="{{../global.svgSprite}}#icon-camera"></use></svg>{{copyright}}</p>
</div>
{{/if}}
</div>
{{#ifAny headline subline copy link}}
<div class="m-stage__content">
<div class="m-stage__content-helper">
{{#if headline}}
<{{headlineTag}} class="m-stage__headline fs-h1">
{{headline}}
{{#if subline}}<span class="m-stage__subline fs-h1-subline">{{subline}}</span>{{/if}}
</{{headlineTag}}>
{{/if}}
{{#if copy}}
<p class="m-stage__copy fs-copy-bold">{{copy}}</p>
{{/if}}
{{#ifAll link.url link.label}}
<a href="{{link.url}}" class="m-stage__link c-button"{{#if link.target}} target="{{link.target}}"{{/if}} data-js-binding="link">{{link.label}}</a>
{{/ifAll}}
</div>
</div>
{{/ifAny}}
{{#if link}}
{{#unless link.label}}
<a href="{{link.url}}" class="o-full"{{#if link.target}} target="{{link.target}}"{{/if}} data-js-binding="link"></a>
{{/unless}}
{{/if}}
</div>
{{/each}}
</div>
</div>
Template of modules/_pagination_arrows/_pagination_arrows
<div class="c-pagination-arrows">
<div {{#if aspectRatio}}class="o-aspect-ratio" style="padding-top: {{aspectRatioPadding aspectRatio }}%;"{{/if}}>
<div>
<button class="c-pagination-arrows__button c-pagination-arrows__button--prev" data-js-binding="arrow-prev"><svg class="c-pagination-arrows__icon c-pagination-arrows__icon--prev svg"><use xlink:href="{{@root.global.svgSprite}}#icon-arrow1-left"></use></svg></button>
<button class="c-pagination-arrows__button c-pagination-arrows__button--next" data-js-binding="arrow-next"><svg class="c-pagination-arrows__icon c-pagination-arrows__icon--next svg"><use xlink:href="{{@root.global.svgSprite}}#icon-arrow1-right"></use></svg></button>
</div>
</div>
</div>
Template of modules/_image/_image
{{#if srcset}}
<noscript>
<img class="o-full{{#if class}} {{class}}{{/if}}" src="{{>modules/_image/partials/_default_src this}}" alt="{{alt}}">
</noscript>
{{/if}}
<img
class="o-full lazyload{{#if class}} {{class}}{{/if}}"
{{#if srcset}}
src="{{>modules/_image/partials/_default_src this}}"
srcset="{{@root.global.transparentPixel}}"
data-srcset="
{{#each srcset.sizeList as |size|}}
{{#if ../srcset.urlList}}
{{lookup ../srcset.urlList @index}}
{{else}}
{{../srcset.basePath}}{{size.[0]}}{{#if ../srcset.fileExtension}}{{../srcset.fileExtension}}{{else}}.jpg{{/if}}
{{/if}}
{{size.[0]}}w{{#if @first}}{{#if size.[1]}} {{size.[1]}}h{{/if}}{{/if}}{{#unless @last}},{{/unless}}
{{/each}}
"
data-sizes="auto"
{{else}}
src="{{src}}"
{{/if}}
alt="{{alt}}"
>
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.