Rozcestník s fotkou image-signpost · light
Bílá sekce s vycentrovanou hlavičkou a pod ní řádek plochých dlaždic s fotkou. Dlaždice je celá odkaz — na Vzorkovně a Ukázkových bytech míří na kotvy řádků project-showcase níž na téže stránce (items[].url je „#…“); bez url je dlaždice jen obrázek s popiskem. Popisek dlaždice záměrně není nadpis (<p> uvnitř odkazu). Klíč layout přepíná vzhled: bez klíče (overlay) šest dlaždic s popiskem na světlém přechodu přes fotku, „caption“ pět dlaždic s názvem a lokalitou (items[].location) pod fotkou, skleněným pruhem se šipkou na hover a volitelným štítkem „brzy“ (items[].badge — ztmaví fotku).
Pro integrátora: Kotvu v items[].url a items[].anchor v project-showcase píše autor dat ručně na obou stranách. Dlaždice bez url je <div>, ne odkaz — typicky projekt se štítkem badge, který ještě nemá řádek ve showcase. location a badge se vykreslí jen s layout: caption.
Zdroj: src/_includes/blocks/image-signpost/
Varianta „default“
Programy
Vše pro váš nový domov
Ve vzorkovně si na jednom místě vyberete kuchyň, koupelnu i podlahy. Projděte si jednotlivé studia a prohlédněte si, z čeho všeho si můžete vybrat.
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"pretitle": "Programy",
"title": "Vše pro váš nový domov",
"text": "<p>Ve vzorkovně si na jednom místě vyberete kuchyň, koupelnu i podlahy. Projděte si jednotlivé studia a prohlédněte si, z čeho všeho si můžete vybrat.</p>",
"items": [
{
"title": "Kuchyně",
"url": "#kuchynske-studio",
"image": {
"src": "/assets/images/photos/signpost-kuchyne-208.jpg",
"webp": "/assets/images/photos/signpost-kuchyne-208.webp",
"srcset": "/assets/images/photos/signpost-kuchyne-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-kuchyne-208.webp 208w, /assets/images/photos/signpost-kuchyne-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Koupelny",
"url": "#koupelnove-studio",
"image": {
"src": "/assets/images/photos/signpost-koupelny-208.jpg",
"webp": "/assets/images/photos/signpost-koupelny-208.webp",
"srcset": "/assets/images/photos/signpost-koupelny-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-koupelny-208.webp 208w, /assets/images/photos/signpost-koupelny-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Zařizovací předměty",
"url": "#zarizovaci-predmety",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Podlahové krytiny",
"url": "#podlahove-krytiny",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Interiérové dveře",
"url": "#interierove-dvere",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Vestavěné skříně",
"url": "#vestavene-skrine",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
}
]
}
Varianta „few“
Programy
Vše pro váš nový domov
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"pretitle": "Programy",
"title": "Vše pro váš nový domov",
"items": [
{
"title": "Kuchyně",
"url": "#kuchynske-studio",
"image": {
"src": "/assets/images/photos/signpost-kuchyne-208.jpg",
"webp": "/assets/images/photos/signpost-kuchyne-208.webp",
"srcset": "/assets/images/photos/signpost-kuchyne-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-kuchyne-208.webp 208w, /assets/images/photos/signpost-kuchyne-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Koupelny",
"url": "#koupelnove-studio",
"image": {
"src": "/assets/images/photos/signpost-koupelny-208.jpg",
"webp": "/assets/images/photos/signpost-koupelny-208.webp",
"srcset": "/assets/images/photos/signpost-koupelny-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-koupelny-208.webp 208w, /assets/images/photos/signpost-koupelny-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Zařizovací předměty",
"url": "#zarizovaci-predmety",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
}
]
}
Varianta „no-image“
Programy
Vše pro váš nový domov
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"pretitle": "Programy",
"title": "Vše pro váš nový domov",
"items": [
{
"title": "Kuchyně",
"url": "#kuchynske-studio",
"image": {
"src": "/assets/images/photos/signpost-kuchyne-208.jpg",
"webp": "/assets/images/photos/signpost-kuchyne-208.webp",
"srcset": "/assets/images/photos/signpost-kuchyne-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-kuchyne-208.webp 208w, /assets/images/photos/signpost-kuchyne-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Koupelny",
"url": "#koupelnove-studio"
},
{
"title": "Zařizovací předměty",
"url": "#zarizovaci-predmety"
}
]
}
Varianta „long“
Programy
Vše pro váš nový domov
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"pretitle": "Programy",
"title": "Vše pro váš nový domov",
"items": [
{
"title": "Podlahové krytiny a soklové lišty",
"url": "#podlahove-krytiny",
"image": {
"src": "/assets/images/photos/signpost-zarizovaci-208.jpg",
"webp": "/assets/images/photos/signpost-zarizovaci-208.webp",
"srcset": "/assets/images/photos/signpost-zarizovaci-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-zarizovaci-208.webp 208w, /assets/images/photos/signpost-zarizovaci-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Interiérové dveře a zárubně",
"url": "#interierove-dvere",
"image": {
"src": "/assets/images/photos/signpost-kuchyne-208.jpg",
"webp": "/assets/images/photos/signpost-kuchyne-208.webp",
"srcset": "/assets/images/photos/signpost-kuchyne-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-kuchyne-208.webp 208w, /assets/images/photos/signpost-kuchyne-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Vestavěné skříně na míru",
"url": "#vestavene-skrine",
"image": {
"src": "/assets/images/photos/signpost-koupelny-208.jpg",
"webp": "/assets/images/photos/signpost-koupelny-208.webp",
"srcset": "/assets/images/photos/signpost-koupelny-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-koupelny-208.webp 208w, /assets/images/photos/signpost-koupelny-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
}
]
}
Varianta „no-header“
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"items": [
{
"title": "Kuchyně",
"url": "#kuchynske-studio",
"image": {
"src": "/assets/images/photos/signpost-kuchyne-208.jpg",
"webp": "/assets/images/photos/signpost-kuchyne-208.webp",
"srcset": "/assets/images/photos/signpost-kuchyne-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-kuchyne-208.webp 208w, /assets/images/photos/signpost-kuchyne-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
},
{
"title": "Koupelny",
"url": "#koupelnove-studio",
"image": {
"src": "/assets/images/photos/signpost-koupelny-208.jpg",
"webp": "/assets/images/photos/signpost-koupelny-208.webp",
"srcset": "/assets/images/photos/signpost-koupelny-208.jpg 208w",
"webpSrcset": "/assets/images/photos/signpost-koupelny-208.webp 208w, /assets/images/photos/signpost-koupelny-400.webp 400w",
"alt": "",
"width": 208,
"height": 126
}
}
]
}
Varianta „ukazkove-byty“
-
Tesla Hloubětín
Praha 9
-
Harfa Living
Praha 9
-
Viladomy Pitkovice
Praha 10
-
Rodinné domy Pitkovice
Praha 10
-
Parková čtvrť
Praha 4
Otevíráme v listopadu 2026
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"layout": "caption",
"items": [
{
"title": "Tesla Hloubětín",
"location": "Praha 9",
"url": "#tesla-hloubetin",
"image": {
"src": "/assets/images/photos/ukazkove-byty-signpost-tesla-hloubetin-328.jpg",
"webp": "/assets/images/photos/ukazkove-byty-signpost-tesla-hloubetin-328.webp",
"srcset": "/assets/images/photos/ukazkove-byty-signpost-tesla-hloubetin-328.jpg 328w",
"webpSrcset": "/assets/images/photos/ukazkove-byty-signpost-tesla-hloubetin-328.webp 328w, /assets/images/photos/ukazkove-byty-signpost-tesla-hloubetin-656.webp 656w",
"alt": "Obývací pokoj s kuchyní v ukázkovém bytě Tesla Hloubětín",
"width": 328,
"height": 192
}
},
{
"title": "Harfa Living",
"location": "Praha 9",
"url": "#harfa-living",
"image": {
"src": "/assets/images/photos/ukazkove-byty-signpost-harfa-living-328.jpg",
"webp": "/assets/images/photos/ukazkove-byty-signpost-harfa-living-328.webp",
"srcset": "/assets/images/photos/ukazkove-byty-signpost-harfa-living-328.jpg 328w",
"webpSrcset": "/assets/images/photos/ukazkove-byty-signpost-harfa-living-328.webp 328w, /assets/images/photos/ukazkove-byty-signpost-harfa-living-656.webp 656w",
"alt": "Koupelna ukázkového bytu Harfa Living",
"width": 328,
"height": 192
}
},
{
"title": "Viladomy Pitkovice",
"location": "Praha 10",
"url": "#viladomy-pitkovice",
"image": {
"src": "/assets/images/photos/ukazkove-byty-signpost-viladomy-pitkovice-328.jpg",
"webp": "/assets/images/photos/ukazkove-byty-signpost-viladomy-pitkovice-328.webp",
"srcset": "/assets/images/photos/ukazkove-byty-signpost-viladomy-pitkovice-328.jpg 328w",
"webpSrcset": "/assets/images/photos/ukazkove-byty-signpost-viladomy-pitkovice-328.webp 328w, /assets/images/photos/ukazkove-byty-signpost-viladomy-pitkovice-656.webp 656w",
"alt": "Obývací pokoj ukázkového bytu Viladomy Pitkovice",
"width": 328,
"height": 192
}
},
{
"title": "Rodinné domy Pitkovice",
"location": "Praha 10",
"url": "#rodinne-domy-pitkovice",
"image": {
"src": "/assets/images/photos/ukazkove-byty-signpost-rodinne-domy-pitkovice-328.jpg",
"webp": "/assets/images/photos/ukazkove-byty-signpost-rodinne-domy-pitkovice-328.webp",
"srcset": "/assets/images/photos/ukazkove-byty-signpost-rodinne-domy-pitkovice-328.jpg 328w",
"webpSrcset": "/assets/images/photos/ukazkove-byty-signpost-rodinne-domy-pitkovice-328.webp 328w, /assets/images/photos/ukazkove-byty-signpost-rodinne-domy-pitkovice-656.webp 656w",
"alt": "Obývací pokoj s kuchyní ukázkového rodinného domu Pitkovice",
"width": 328,
"height": 192
}
},
{
"title": "Parková čtvrť",
"location": "Praha 4",
"badge": "Otevíráme v listopadu 2026",
"image": {
"src": "/assets/images/photos/ukazkove-byty-signpost-parkova-ctvrt-328.jpg",
"webp": "/assets/images/photos/ukazkove-byty-signpost-parkova-ctvrt-328.webp",
"srcset": "/assets/images/photos/ukazkove-byty-signpost-parkova-ctvrt-328.jpg 328w",
"webpSrcset": "/assets/images/photos/ukazkove-byty-signpost-parkova-ctvrt-328.webp 328w, /assets/images/photos/ukazkove-byty-signpost-parkova-ctvrt-656.webp 656w",
"alt": "Předsíň s dřevěnou šatní nikou",
"width": 328,
"height": 192
}
}
]
}
Varianta „caption-long“
Ukázkové byty
Hraniční stavy varianty caption
-
Rezidence s dlouhým názvem, který se zalomí na víc řádků
Praha 5 – Smíchov, Radlická ulice
-
Bez lokality
-
Bez fotky
Praha 8
-
Štítek s dlouhým textem
Praha 10
Otevíráme v průběhu jara 2027 po kolaudaci
-
Štítek i odkaz
Praha 4
Otevíráme v říjnu 2026
Vzorová data (JSON)
{
"settings": {
"background": "white"
},
"layout": "caption",
"pretitle": "Ukázkové byty",
"title": "Hraniční stavy varianty caption",
"items": [
{
"title": "Rezidence s dlouhým názvem, který se zalomí na víc řádků",
"location": "Praha 5 – Smíchov, Radlická ulice",
"url": "#a",
"image": {
"src": "/assets/images/photos/project-signpost-06-328.jpg",
"webp": "/assets/images/photos/project-signpost-06-328.webp",
"srcset": "/assets/images/photos/project-signpost-06-328.jpg 328w",
"webpSrcset": "/assets/images/photos/project-signpost-06-328.webp 328w, /assets/images/photos/project-signpost-06-656.webp 656w",
"alt": "",
"width": 328,
"height": 192
}
},
{
"title": "Bez lokality",
"url": "#b",
"image": {
"src": "/assets/images/photos/project-signpost-07-328.jpg",
"webp": "/assets/images/photos/project-signpost-07-328.webp",
"srcset": "/assets/images/photos/project-signpost-07-328.jpg 328w",
"webpSrcset": "/assets/images/photos/project-signpost-07-328.webp 328w, /assets/images/photos/project-signpost-07-656.webp 656w",
"alt": "",
"width": 328,
"height": 192
}
},
{
"title": "Bez fotky",
"location": "Praha 8",
"url": "#c"
},
{
"title": "Štítek s dlouhým textem",
"location": "Praha 10",
"badge": "Otevíráme v průběhu jara 2027 po kolaudaci",
"image": {
"src": "/assets/images/photos/project-signpost-08-328.jpg",
"webp": "/assets/images/photos/project-signpost-08-328.webp",
"srcset": "/assets/images/photos/project-signpost-08-328.jpg 328w",
"webpSrcset": "/assets/images/photos/project-signpost-08-328.webp 328w, /assets/images/photos/project-signpost-08-656.webp 656w",
"alt": "",
"width": 328,
"height": 192
}
},
{
"title": "Štítek i odkaz",
"location": "Praha 4",
"url": "#e",
"badge": "Otevíráme v říjnu 2026",
"image": {
"src": "/assets/images/photos/project-signpost-01-328.jpg",
"webp": "/assets/images/photos/project-signpost-01-328.webp",
"srcset": "/assets/images/photos/project-signpost-01-328.jpg 328w",
"webpSrcset": "/assets/images/photos/project-signpost-01-328.webp 328w, /assets/images/photos/project-signpost-01-656.webp 656w",
"alt": "",
"width": 328,
"height": 192
}
}
]
}
Varianta „empty“
Vzorová data (JSON)
{}