> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor storefrontu - Dostupnost vyzvednutí

> Stylujte kartu dostupnosti vyzvednutí zobrazenou na stránce nabídky.

![Panel nastavení dostupnosti vyzvednutí v editoru storefrontu](https://mintcdn.com/twicecommerce/R_1b45pRTajoRzbd/images/theme-editor-pickup-availability.webp?fit=max\&auto=format\&n=R_1b45pRTajoRzbd\&q=85\&s=4fb3d073bc312aa26bdabe9a2e51a611)

Editor storefrontu > Dostupnost vyzvednutí

Panel Dostupnost vyzvednutí stylizuje kartu na [stránce nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md), která zákazníkům ukazuje, kde a jak si mohou nabídku vyzvednout. Otevřete jej výběrem **Dostupnost vyzvednutí** v seznamu panelů editoru storefrontu.

> [!NOTE]
>
> Tento panel řídí pouze barvy a rámeček karty. Co karta zobrazuje, přepínač skrytí, **Zobrazit počty položek** a **Zobrazit ostatní lokality**, se nastavuje v bloku **Dostupnost vyzvednutí** na [stránce nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md). Stavová tečka uvnitř karty se stylizuje v panelu [Ukazatel dostupnosti](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/availability-indicator.md).

## Barvy

| Nastavení | Výchozí | Popis |
| - | - | - |
| Pozadí | `#FFFFFF` | Barva pozadí karty. |
| Nadpis | `#111826` | Barva textu nadpisu karty. |
| Text sekundární | `#374152` | Doplňkový text, například podrobnosti o lokalitě. |

## Rámeček

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Barva | Barva | `#E4E6EB` | - | Barva rámečku kolem karty. |
| Tloušťka | Posuvník | 1 px | 0–8 px | Šířka rámečku. |
| Poloměr rohu | Posuvník | 8 px | 0–40 px | Jak zaoblené jsou rohy karty. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-fulfillment-card-background: #FFFFFF;
  --storefront-fulfillment-card-border-color: #E4E6EB;
  --storefront-fulfillment-card-border-width: 1px;
  --storefront-fulfillment-card-border-radius: 8px;
  --storefront-fulfillment-card-title-color: #111826;
  --storefront-fulfillment-card-secondary-text-color: #374152;
}
```

## Související články

> **[Ukazatel dostupnosti](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/availability-indicator.md)**
>
> Stylujte stavovou tečku uvnitř karty.

> **[Stránka nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md)**
>
> Nastavte, co blok dostupnosti vyzvednutí zobrazuje.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.