<div class="pd-variants-table u-posr mt-5"> <div class="pd-variants-table__header u-sticky top-0 u-z-index-2"> <div class="pd-variants-table__scroller d-flex align-items-center u-color-white u-fw-600 u-fz-xs u-bg-primary"> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Kód produktu"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Světelný tok ze svítidla:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Index podání barev:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Teplota chromatičnosti:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Příkon svítidla [W]:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Varianta difúzoru:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Předřadník:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Barva:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Doplňující výbava:"|trans }}</div> <div class="pd-variants-table__header-item p-1 u-posr">{{ "Rozměr d x š x v (mm):"|trans }}</div> <div></div> </div> </div> <div class="pd-variants-table__items d-flex flex-column gap-2 mt-2 {{ props.items|length > 0 ? null : '--hidden' }}" {{ props.limit ? 'data-limit=' ~ props.limit }}> {% include "@Components/product-detail/variants-table/variants-table--raw.twig" with {props: {items: props.items}} %} </div> <div class="pd-variants-table__empty d-flex flex-column align-items-center text-center gap-1 py-4 {{ props.items|length > 0 ? '--hidden' : null }}"> {% include "@Components/icon/icon.twig" with {props: { src: "@Images/svg/sad.svg", size: "lg" }} %} {% include "@Components/base-heading/base-heading.twig" with {props: { title: com_props.empty_title, style: "h4" }} %} </div></div>