Schweizer Alpen-Club SAC / C012 Teaser Article
Data
{
"date": {
"readable": "06.12.2017",
"machine": "2017-12-06"
},
"headline": "Das ist der Titel dieses interessanten Beitrags",
"headlineTag": "h3",
"copy": null,
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Das ist der Titel dieses interessanten Beitrags"
},
"categoryLink": {
"url": "#",
"label": "Jugend"
},
"commentsLink": null,
"sharesLink": null
}
Data
{
"date": {
"readable": "11.12.2017",
"machine": "2017-12-11"
},
"headline": "Sehr kurze Headline",
"headlineTag": "h3",
"copy": null,
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Sehr kurze Headline"
},
"categoryLink": {
"url": "#",
"label": "Ausbildung und Wissen"
},
"commentsLink": null,
"sharesLink": null
}
Data
{
"date": {
"readable": "11.12.2017",
"machine": "2017-12-11"
},
"headline": "Einleitungstext",
"headlineTag": "h3",
"subline": "Auf den Spuren von Arturo Ottoz im Mont-Blanc-Massiv",
"sublineTag": "h4",
"copy": null,
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Sehr kurze Headline"
},
"categoryLink": {
"url": "#",
"label": "Service"
},
"commentsLink": null,
"sharesLink": null
}
Data
{
"date": {
"readable": "07/2017",
"machine": "2017-07-01"
},
"headline": "Im Schatten der Giganten",
"headlineTag": "h3",
"subline": "Auf den Spuren von Arturo Ottoz im Mont-Blanc-Massiv",
"sublineTag": "h4",
"copy": null,
"type": "alpen",
"badgeLabel": "Die Alpen",
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Das ist der Titel dieses interessanten Beitrags, der 3-zeilig sein kann oder auch noch viel viel länger wenn es sein muss"
},
"categoryLink": {
"url": "#",
"label": "Kultur"
},
"commentsLink": null,
"sharesLink": null
}
Data
{
"date": {
"readable": "06.12.2017",
"machine": "2017-12-06"
},
"headline": "Das ist der Titel dieses interessanten Beitrags",
"headlineTag": "h3",
"copy": null,
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Das ist der Titel dieses interessanten Beitrags"
},
"categoryLink": {
"url": "#",
"label": "Jugend"
},
"commentsLink": null,
"sharesLink": null,
"type": "ad",
"badgeLabel": "Gastbeitrag"
}
Data
{
"date": {
"readable": "11.12.2017",
"machine": "2017-12-11"
},
"headline": "Das ist der Titel dieses interessanten Beitrags",
"headlineTag": "h3",
"copy": null,
"img": {
"srcset": {
"sizeList": [
[
280
],
[
729
],
[
1458
]
],
"basePath": "/modules/c012_teaser_article/media/teaser_article_",
"fileExtension": ".jpg"
},
"alt": "Alt Text"
},
"link": {
"label": null,
"url": "#",
"title": "Sehr kurze Headline"
},
"categoryLink": {
"url": "#",
"label": "Sportklettern"
},
"commentsLink": {
"url": "#",
"label": "10 Kommentare"
},
"sharesLink": {
"url": "#",
"label": "13 mal geteilt"
}
}
Data
{
"date": {
"readable": "14.03.2019",
"machine": "2019-03-14"
},
"headline": "Saisonstart Bächlitalhütte voraussichtlich am 19. März 2019",
"headlineTag": "h3",
"sublineTag": null,
"subline": null,
"copy": "In Folge des starken Schneefalls und Sturm haben wir den Saisonstart verschoben. Nun hoffen wir auf gutes Wetter und Bedingungen ...",
"img": null,
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Das ist der Titel dieses interessanten Beitrags"
},
"categoryLink": {
"url": "#",
"label": "Jugend"
},
"commentsLink": null,
"sharesLink": null
}
Data
{
"date": {
"readable": "12.02.2019",
"machine": "2019-02-12"
},
"headline": "Piz Morteratsch",
"headlineTag": "h3",
"sublineTag": null,
"subline": null,
"copy": "Fotos von der Hochtour Piz Morteratsch mit D. Schweizer vom 17./18. Augsut 2018. Bilder: Doris Bürgin.",
"img": null,
"type": "ad",
"badgeLabel": "Gastbeitrag",
"link": {
"label": "Artikel lesen",
"url": "#",
"title": "Das ist der Titel dieses interessanten Beitrags"
},
"categoryLink": {
"url": "#",
"label": "SAC am Albis"
},
"commentsLink": null,
"sharesLink": null
}
Template
<article class="c-teaser-article{{#unless img}} c-teaser-article--no-image{{/unless}}{{#if type}} c-teaser-article--{{type}}{{/if}}">
<a class="c-teaser-article__link o-full" href="{{link.url}}"{{#if link.target}} target="{{link.target}}"{{/if}} rel="bookmark">
<span class="o-visuallyhidden">{{headline}}</span>
</a>
<div class="c-teaser-article__img-wrapper o-aspect-ratio o-aspect-ratio--16x10">
{{#if img}}
{{> modules/_image/_image img}}
{{#if badgeLabel}}
{{> modules/c012_teaser_article/partials/_badge }}
{{/if}}
{{/if}}
</div>
<div class="c-teaser-article__content">
<div class="c-teaser-article__content-inner">
<div class="c-teaser-article__meta">
<div class="c-teaser-article__category">
{{> modules/_category_label/_category_label categoryLink}}
</div>
<time class="c-teaser-article__date" datetime="{{date.machine}}">{{date.readable}}</time>
</div>
{{#unless img}}
{{#if badgeLabel}}
{{> modules/c012_teaser_article/partials/_badge }}
{{/if}}
{{/unless}}
<{{headlineTag}} class="c-teaser-article__headline fs-h3">{{headline}}</{{headlineTag}}>
{{#if subline}}
<{{sublineTag}} class="c-teaser-article__subline fs-h3-subline">{{subline}}</{{sublineTag}}>
{{/if}}
{{#if copy}}
<div class="c-teaser-article__copy fs-copy">{{{copy}}}</div>
{{/if}}
{{#ifAny commentsLink sharesLink link.label}}
<div class="c-teaser-article__links">
{{#if commentsLink}}
<div class="c-teaser-article__social-link c-teaser-article__comments">
{{> modules/c018_label_with_icon/c018_label_with_icon commentsLink icon="chat-bubbles"}}
</div>
{{/if}}
{{#if sharesLink}}
<div class="c-teaser-article__social-link c-teaser-article__shares">
{{> modules/c018_label_with_icon/c018_label_with_icon sharesLink icon="share"}}
</div>
{{/if}}
{{#if link.label}}
<div class="c-teaser-article__cta">
{{> modules/c018_label_with_icon/c018_label_with_icon label=link.label icon="arrow1-right"}}
</div>
{{/if}}
</div>
{{/ifAny}}
</div>
</div>
</article>
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}}"
>
Template of modules/c012_teaser_article/partials/_badge
{{#ifEqual type 'alpen'}}
<div class="c-teaser-article__badge-wrapper">
<svg class="c-teaser-article__badge c-teaser-article__badge--{{@root.global.lang}}">
<title>{{badgeLabel}}</title><use xlink:href="{{@root.global.svgSprite}}#logo-magazine-{{@root.global.lang}}"></use>
</svg>
</div>
{{else}}
<div class="c-teaser-article__badge-plain fs-copy-note-bold">{{badgeLabel}}</div>
{{/ifEqual}}
Template of modules/_category_label/_category_label
<{{#if url}}a{{else}}span{{/if}} class="c-category-label fs-label"{{#if url}} href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{/if}}>{{label}}</{{#if url}}a{{else}}span{{/if}}>
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
Teaser für Artikel.
Configuration
| Attribut Name | Erforderlich | Type | Kommentar |
|---|---|---|---|
| category | ja | string | |
| date.readable | ja | string | Format: DD.MM.YY |
| date.machine | ja | string | Format: YY-MM-DD |
| headline | ja | string | Ausgabe max. 70 Zeichen mit ... Ende |
| headlineTag | ja | HTML h tag | Nur h2-h6 |
| img {srcset, alt} | ja | img object | |
| link {url, title} | ja | link object | Link zum Artikel, title = headline in voller Länge |
| categoryLink {url} | ja | link object | |
| commentsLink {label, url} | nein | link object | Verlinkt direkt zu Kommentaren |
| sharesLink {label, url} | nein | link object |