> ## 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 - Variant pills

> Nastavte styl vybíratelných pilulek variant (velikost, barva a další volby) na stránkách nabídek.

![Panel nastavení Variant pills v editoru storefrontu](https://mintcdn.com/twicecommerce/cJlH0EnJIdVT0BaS/images/theme-editor-variant-pills.webp?fit=max\&auto=format\&n=cJlH0EnJIdVT0BaS\&q=85\&s=c5702cb2075dbc5f8bce81c2c1580dc9)

Editor storefrontu > Variant pills

Panel Variant pills řídí tlačítka ve tvaru pilulky, na která zákazník klikne pro výběr [varianty](https://www.twicecommerce.com/docs/cs/concepts/catalog/variants.md), například velikosti nebo barvy, na stránce nabídky. Najdete jej pod **Cards** v editoru storefrontu.

## Nastavení

| Nastavení | Typ | Výchozí | Popis |
| - | - | - | - |
| Poloměr rohu | Posuvník | 8 px | Jak zaoblená je každá pilulka. |
| Barva rámečku | Barva | `#cbcbcb` | Barva rámečku nevybrané pilulky. |
| Tloušťka rámečku | Posuvník | 1 px | Šířka rámečku každé pilulky. |
| Vybrané pozadí | Barva | `transparent` | Barva výplně vybrané pilulky. |
| Vybraný text | Barva | `#111826` | Barva textu vybrané pilulky. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-variant-pill-border-radius: 8px;
  --storefront-variant-pill-border-color: #cbcbcb;
  --storefront-variant-pill-border-width: 1px;
  --storefront-variant-pill-selected-background-color: transparent;
  --storefront-variant-pill-selected-text-color: #111826;
}
```

## Související články

> **[Varianty](https://www.twicecommerce.com/docs/cs/concepts/catalog/variants.md)**
>
> Jak varianty seskupují volby pod nabídkou.

> **[Stránka nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md)**
>
> Nastavte stránku nabídky, na které se pilulky zobrazují.


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