Rozcestník kontaktů signpost-cards · light
Tmavý pás s mřížkou skleněných dlaždic — žlutá linka, pořadové číslo, název oddělení a šipka; celá dlaždice je odkaz, typicky na kotvu skupiny v contact-list. 2 / 4 / 7 sloupců od 768 / 1440 px. Číslo odvozuje šablona z pořadí platných položek, v datech není. Výchozí pozadí je tmavé i bez settings. Varianta `header` ukazuje volitelnou hlavičku sekce, `four` neúplnou řadu, `edge` dlouhý název a zahozené neplatné položky (zbylé tři se číslují 01–03).
Pro integrátora: url dlaždice je obvykle kotva skupiny v bloku contact-list na téže stránce (#<anchor>) a musí se s anchor skupiny shodovat ve slugifikovaném tvaru: „Nákup pozemků“ → #nakup-pozemku. Položka bez názvu nebo bez url se nevypíše a pořadová čísla se přepočítají. Blok je navržený na tmavé pozadí (výchozí), na světlém sklo dlaždic zmizí. Bez titulku hlavičky doplňte ariaLabel — pojmenuje seznam pro čtečky.
Zdroj: src/_includes/blocks/signpost-cards/
Varianta „default“
Vzorová data (JSON)
{
"ariaLabel": "Kontakty podle oddělení",
"items": [
{
"title": "Obchodní tým",
"url": "#obchodni-tym"
},
{
"title": "Hypoteční specialisté",
"url": "#hypotecni-specialiste"
},
{
"title": "Kontaktní osoba pro dodavatele stavebních prací",
"url": "#dodavatele-stavebnich-praci"
},
{
"title": "Kontaktní osoba pro ostatní dodavatele",
"url": "#ostatni-dodavatele"
},
{
"title": "Kontaktní osoba pro nákup pozemků",
"url": "#nakup-pozemku"
},
{
"title": "Kontaktní osoba pro média",
"url": "#media"
},
{
"title": "Personální oddělení",
"url": "#personalni-oddeleni"
}
]
}
Varianta „empty“
Vzorová data (JSON)
{
"items": []
}
Varianta „header“
Kontakty
Koho hledáte?
Vyberte oddělení a přeskočíte rovnou na jeho kontaktní osoby.
Vzorová data (JSON)
{
"pretitle": "Kontakty",
"title": "Koho <strong>hledáte?</strong>",
"text": "<p>Vyberte oddělení a přeskočíte rovnou na jeho kontaktní osoby.</p>",
"items": [
{
"title": "Obchodní tým",
"url": "#obchodni-tym"
},
{
"title": "Hypoteční specialisté",
"url": "#hypotecni-specialiste"
},
{
"title": "Kontaktní osoba pro dodavatele stavebních prací",
"url": "#dodavatele-stavebnich-praci"
},
{
"title": "Kontaktní osoba pro ostatní dodavatele",
"url": "#ostatni-dodavatele"
},
{
"title": "Kontaktní osoba pro nákup pozemků",
"url": "#nakup-pozemku"
},
{
"title": "Kontaktní osoba pro média",
"url": "#media"
},
{
"title": "Personální oddělení",
"url": "#personalni-oddeleni"
}
]
}
Varianta „four“
Vzorová data (JSON)
{
"ariaLabel": "Kontakty podle oddělení",
"items": [
{
"title": "Obchodní tým",
"url": "#obchodni-tym"
},
{
"title": "Hypoteční specialisté",
"url": "#hypotecni-specialiste"
},
{
"title": "Kontaktní osoba pro média",
"url": "#media"
},
{
"title": "Personální oddělení",
"url": "#personalni-oddeleni"
}
]
}
Varianta „edge“
Vzorová data (JSON)
{
"ariaLabel": "Kontakty podle oddělení",
"items": [
{
"title": "Kontaktní osoba pro dodavatele technologií a technického zařízení budov",
"url": "#edge-dodavatele-tzb"
},
{
"title": "",
"url": "#bez-nazvu"
},
{
"title": "Obchodní tým",
"url": "#obchodni-tym"
},
{
"title": "Bez odkazu"
},
{
"title": "Kontakt pro média",
"url": "/kontakty/#media"
}
]
}