Srovnávací tabulka comparison-table · full

Tmavá sekce s fotkou na 10 % krytí, vycentrovanou hlavičkou a tabulkou vlastnost × 2–3 standardy; zvýrazněný sloupec leží na skle, fajfka / křížek místo textu.

Pro integrátora: values jsou v pořadí columns; true / false = fajfka / křížek (čtečka Ano / Ne), prázdná hodnota = pomlčka (Neuvedeno). Platné jsou 2–3 sloupce s title, jinak se blok nevykreslí; highlight u jednoho sloupce. Blok je jen na tmavém pozadí (dark / charcoal, jiné se přepíše na dark). Fotka je dekorace na 10 % krytí — nahrává se běžná fotka; tlumené hodnoty (bílá 65 %) mají na stávajícím pozadí kontrast ≈ 4,85 : 1, výrazně světlejší fotka by je stáhla pod AA. Ikony = názvy souborů z icons/ (sada standard-*, plátno 32). Na stránce Standardy je kotva srovnani cílem CTA v hero — musí sedět. Pod 768 px se řádek skládá: vlastnost přes celou šířku, pod ní hodnoty vedle sebe.

Zdroj: src/_includes/blocks/comparison-table/

Varianta „default“

Standardy

Srovnání standardů

Srovnání standardů
Vybavení	Komfort	Rezidence
Předokenní stínění	Rolety ve vybraných bytech	Žaluzie
Dveře	Polodrážkové (falcové)	Bezpolodrážkové (bezfalcové)
Domovní telefon	Audiotelefon	Videotelefon
Výška obkladu	Do výšky zárubní	Do výšky stropu
Okna	Plastová	Eurookna nebo hliníková
Podlaha	Laminátová	Vinyl nebo dřevěná dýhovaná
Rekuperace	Ve vybraných projektech	Ve vybraných projektech
Klimatizace	Ve vybraných projektech	Ano
Velkoformátové obklady	Ne	Ano
Výběr z velkého množství zařizovacích předmětů a baterií	Ne	Ve vybraných projektech
Podomítková baterie u sprch a van	Ne	Ano
Teplovodní podlahové vytápění	Ne	Ano
Elektronické zabezpečovací zařízení	Ne	Ano
SDK podhledy včetně bodovek v koupelnách, na WC a předsíních	Ne	Ano
Automatické ovládání vrat u uzavřených garážových stání	Ne	Ano

Vzorová data (JSON)

{
  "settings": {
    "background": "dark",
    "anchor": "srovnani"
  },
  "pretitle": "Standardy",
  "title": "Srovnání standardů",
  "media": {
    "image": {
      "src": "/assets/images/photos/comparison-bg-2560.jpg",
      "srcset": "/assets/images/photos/comparison-bg-768.jpg 768w, /assets/images/photos/comparison-bg-1280.jpg 1280w, /assets/images/photos/comparison-bg-1920.jpg 1920w, /assets/images/photos/comparison-bg-2560.jpg 2560w",
      "webpSrcset": "/assets/images/photos/comparison-bg-768.webp 768w, /assets/images/photos/comparison-bg-1280.webp 1280w, /assets/images/photos/comparison-bg-1920.webp 1920w, /assets/images/photos/comparison-bg-2560.webp 2560w",
      "sizes": "100vw",
      "alt": "",
      "width": 2560,
      "height": 1536
    }
  },
  "featureLabel": "Vybavení",
  "columns": [
    {
      "title": "Komfort",
      "highlight": false
    },
    {
      "title": "Rezidence",
      "highlight": true
    }
  ],
  "rows": [
    {
      "icon": "standard-blinds",
      "label": "Předokenní stínění",
      "values": [
        "Rolety ve vybraných bytech",
        "Žaluzie"
      ]
    },
    {
      "icon": "standard-door",
      "label": "Dveře",
      "values": [
        "Polodrážkové (falcové)",
        "Bezpolodrážkové (bezfalcové)"
      ]
    },
    {
      "icon": "standard-intercom",
      "label": "Domovní telefon",
      "values": [
        "Audiotelefon",
        "Videotelefon"
      ]
    },
    {
      "icon": "standard-tile-height",
      "label": "Výška obkladu",
      "values": [
        "Do výšky zárubní",
        "Do výšky stropu"
      ]
    },
    {
      "icon": "standard-window",
      "label": "Okna",
      "values": [
        "Plastová",
        "Eurookna nebo hliníková"
      ]
    },
    {
      "icon": "standard-floor",
      "label": "Podlaha",
      "values": [
        "Laminátová",
        "Vinyl nebo dřevěná dýhovaná"
      ]
    },
    {
      "icon": "standard-recuperation",
      "label": "Rekuperace",
      "values": [
        "Ve vybraných projektech",
        "Ve vybraných projektech"
      ]
    },
    {
      "icon": "standard-air-conditioning",
      "label": "Klimatizace",
      "values": [
        "Ve vybraných projektech",
        true
      ]
    },
    {
      "icon": "standard-large-tiles",
      "label": "Velkoformátové obklady",
      "values": [
        false,
        true
      ]
    },
    {
      "icon": "standard-bathroom-fixtures",
      "label": "Výběr z velkého množství zařizovacích předmětů a baterií",
      "values": [
        false,
        "Ve vybraných projektech"
      ]
    },
    {
      "icon": "standard-concealed-mixer",
      "label": "Podomítková baterie u sprch a van",
      "values": [
        false,
        true
      ]
    },
    {
      "icon": "standard-floor-heating",
      "label": "Teplovodní podlahové vytápění",
      "values": [
        false,
        true
      ]
    },
    {
      "icon": "standard-alarm",
      "label": "Elektronické zabezpečovací zařízení",
      "values": [
        false,
        true
      ]
    },
    {
      "icon": "standard-ceiling-lights",
      "label": "SDK podhledy včetně bodovek v koupelnách, na WC a předsíních",
      "values": [
        false,
        true
      ]
    },
    {
      "icon": "standard-garage-door",
      "label": "Automatické ovládání vrat u uzavřených garážových stání",
      "values": [
        false,
        true
      ]
    }
  ]
}

Varianta „three-columns“

Standardy

Srovnání tří standardů

Srovnání tří standardů
Vybavení	Komfort	Rezidence	Rezidence Plus
Dveře	Polodrážkové	Bezpolodrážkové	Bezpolodrážkové do stropu
Domovní telefon	Audiotelefon	Videotelefon	Videotelefon s aplikací
Rekuperace	Ne	Ano	Ano
Klimatizace	Ne	Ve vybraných projektech	Ano
Velkoformátové obklady	Neuvedeno	Ano	Ano

Vzorová data (JSON)

{
  "settings": {
    "background": "dark"
  },
  "pretitle": "Standardy",
  "title": "Srovnání <strong>tří</strong> standardů",
  "media": {
    "image": {
      "src": "/assets/images/photos/comparison-bg-2560.jpg",
      "srcset": "/assets/images/photos/comparison-bg-768.jpg 768w, /assets/images/photos/comparison-bg-1280.jpg 1280w, /assets/images/photos/comparison-bg-1920.jpg 1920w, /assets/images/photos/comparison-bg-2560.jpg 2560w",
      "webpSrcset": "/assets/images/photos/comparison-bg-768.webp 768w, /assets/images/photos/comparison-bg-1280.webp 1280w, /assets/images/photos/comparison-bg-1920.webp 1920w, /assets/images/photos/comparison-bg-2560.webp 2560w",
      "sizes": "100vw",
      "alt": "",
      "width": 2560,
      "height": 1536
    }
  },
  "columns": [
    {
      "title": "Komfort"
    },
    {
      "title": "Rezidence",
      "highlight": true
    },
    {
      "title": "Rezidence Plus"
    }
  ],
  "rows": [
    {
      "icon": "standard-door",
      "label": "Dveře",
      "values": [
        "Polodrážkové",
        "Bezpolodrážkové",
        "Bezpolodrážkové do stropu"
      ]
    },
    {
      "icon": "standard-intercom",
      "label": "Domovní telefon",
      "values": [
        "Audiotelefon",
        "Videotelefon",
        "Videotelefon s aplikací"
      ]
    },
    {
      "icon": "standard-recuperation",
      "label": "Rekuperace",
      "values": [
        false,
        true,
        true
      ]
    },
    {
      "icon": "standard-air-conditioning",
      "label": "Klimatizace",
      "values": [
        false,
        "Ve vybraných projektech",
        true
      ]
    },
    {
      "icon": "standard-large-tiles",
      "label": "Velkoformátové obklady",
      "values": [
        null,
        true,
        true
      ]
    }
  ]
}

Varianta „no-highlight“

Bez fotky

Tabulka bez zvýraznění a bez ikon

Plochá tmavá sekce bez fotky, žádný sloupec není na skle a řádky nemají ikony.

Tabulka bez zvýraznění a bez ikon
Vybavení	Komfort	Rezidence
Předokenní stínění	Rolety ve vybraných bytech	Žaluzie
Okna	Plastová	Eurookna nebo hliníková
Rekuperace	Ne	Ano
Klimatizace	Ano	Ano

Vzorová data (JSON)

{
  "settings": {
    "background": "charcoal"
  },
  "pretitle": "Bez fotky",
  "title": "Tabulka bez zvýraznění a bez ikon",
  "text": "<p>Plochá tmavá sekce bez fotky, žádný sloupec není na skle a řádky nemají ikony.</p>",
  "columns": [
    {
      "title": "Komfort"
    },
    {
      "title": "Rezidence"
    }
  ],
  "rows": [
    {
      "label": "Předokenní stínění",
      "values": [
        "Rolety ve vybraných bytech",
        "Žaluzie"
      ]
    },
    {
      "label": "Okna",
      "values": [
        "Plastová",
        "Eurookna nebo hliníková"
      ]
    },
    {
      "label": "Rekuperace",
      "values": [
        false,
        true
      ]
    },
    {
      "label": "Klimatizace",
      "values": [
        true,
        true
      ]
    }
  ]
}

Varianta „edge“

Hraniční data: světlé pozadí z dat, sloupec bez titulku, řádek bez názvu, chybějící hodnoty a dlouhé texty

Hraniční data: světlé pozadí z dat, sloupec bez titulku, řádek bez názvu, chybějící hodnoty a dlouhé texty
Vybavení	Komfort	Rezidence s velmi dlouhým názvem	Třetí platný sloupec
Dveře	Polodrážkové (falcové)	Bezpolodrážkové (bezfalcové)	Třetí
Řádek bez ikony v tabulce s ikonami	Ano	Ne	Ano
Neznámá ikona — prázdný kroužek	Neuvedeno	Neuvedeno	Neuvedeno
Velmi dlouhý název vlastnosti, který se na menších šířkách zalomí na dva nebo i tři řádky	Dlouhá hodnota nezvýrazněného sloupce, která se zalomí na několik řádků	Neuvedeno	Neuvedeno
Kratší pole hodnot	Neuvedeno	Neuvedeno	Neuvedeno

Vzorová data (JSON)

{
  "settings": {
    "background": "light"
  },
  "title": "Hraniční data: světlé pozadí z dat, sloupec bez titulku, řádek bez názvu, chybějící hodnoty a dlouhé texty",
  "tag": "h3",
  "columns": [
    {
      "title": "Komfort",
      "highlight": "true"
    },
    {
      "highlight": true
    },
    {
      "title": "Rezidence s velmi dlouhým názvem",
      "highlight": true
    },
    {
      "title": "Třetí platný sloupec"
    },
    {
      "title": "Čtvrtý platný sloupec se nevypíše"
    }
  ],
  "rows": [
    {
      "icon": "standard-door",
      "label": "Dveře",
      "values": [
        "Polodrážkové (falcové)",
        "hodnota vyřazeného sloupce",
        "Bezpolodrážkové (bezfalcové)",
        "Třetí",
        "nevypíše se"
      ]
    },
    {
      "label": "Řádek bez ikony v tabulce s ikonami",
      "values": [
        true,
        null,
        false,
        true
      ]
    },
    {
      "icon": "neexistujici-ikona",
      "label": "Neznámá ikona — prázdný kroužek",
      "values": [
        "",
        "",
        null
      ]
    },
    {
      "icon": "standard-recuperation",
      "values": [
        "Řádek bez názvu se nevypíše",
        "",
        ""
      ]
    },
    {
      "icon": "standard-large-tiles",
      "label": "Velmi dlouhý název vlastnosti, který se na menších šířkách zalomí na dva nebo i tři řádky",
      "values": [
        "Dlouhá hodnota nezvýrazněného sloupce, která se zalomí na několik řádků"
      ]
    },
    {
      "icon": "standard-air-conditioning",
      "label": "Kratší pole hodnot",
      "values": []
    }
  ]
}

Varianta „empty“

Vzorová data (JSON)

{}