> ## 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 - Ukazatel dostupnosti

> Stylujte stavovou tečku dostupnosti a její text, sdílené napříč storefrontem.

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

Editor storefrontu > Ukazatel dostupnosti

Panel Ukazatel dostupnosti stylizuje stavovou tečku a doprovodný text. Ukazatel je sdílený: objevuje se uvnitř [karty dostupnosti vyzvednutí](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/pickup-availability.md) na stránce nabídky a na řádku dostupnosti nabídky na stránkách kolekcí. Najdete jej pod **Karty** v editoru storefrontu.

## Barvy

| Nastavení | Výchozí | Popis |
| - | - | - |
| Dostupné | `#17B26A` | Barva tečky, když je nabídka dostupná. |
| Nedostupné | `#D0D5DD` | Barva tečky, když je nabídka nedostupná. |
| Text | `#374152` | Barva textu vedle tečky. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-availability-indicator-available-color: #17B26A;
  --storefront-availability-indicator-unavailable-color: #D0D5DD;
  --storefront-availability-indicator-text-color: #374152;
}
```

## Související články

> **[Dostupnost vyzvednutí](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/pickup-availability.md)**
>
> Stylujte kartu, ve které se ukazatel zobrazuje.

> **[Dostupnost](https://www.twicecommerce.com/docs/cs/concepts/catalog/availability.md)**
>
> Jak se dostupnost určuje.


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