> ## 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 - Stránka nabídky > Nastavte stránku nabídky: drobečkovou navigaci, podrobnosti nabídky, widget rezervace a doporučené nabídky. ![Šablona stránky nabídky v editoru storefrontu](https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-listing.webp?fit=max\&auto=format\&n=lZhc_tO8u1u_bL0Q\&q=85\&s=911c6af83c29d183d146270644fd4b14) Editor storefrontu > Stránka nabídky Stránka nabídky je detailní stránka jedné [nabídky](https://www.twicecommerce.com/docs/cs/concepts/catalog/listings.md), kterou vidí zákazník. ## Sekce | Sekce | Co dělá | | - | - | | **Drobečková navigace** | Přepněte drobečkovou navigaci v horní části stránky. | | **Informace o nabídce** | Hlavní oblast nabídky: obrázky, název, cena, možnosti variant a přidání do košíku. | | **Možnosti rezervace** | Pořadí, ve kterém se možnosti pevné doby trvání zobrazují ve widgetu rezervace. Jedno nastavení pro celý obchod, platí pro každou nabídku (viz **Pořadí možností** níže). Sekce se zobrazuje vždy, není co skrývat. | | **Dostupnost vyzvednutí** | Karta zobrazující, kde lze nabídku vyzvednout. Přepněte kartu, **Zobrazit počty položek** a **Zobrazit ostatní lokality**. Její barvy se stylují v panelu motivu [Dostupnost vyzvednutí](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/pickup-availability.md). | | **Doporučené nabídky** | Zobrazte upsellingové nebo související nabídky. Ty pocházejí z nabídky [Doporučení](https://www.twicecommerce.com/docs/cs/catalog/listings/recommendations.md) a [Doplňky](https://www.twicecommerce.com/docs/cs/catalog/listings/addons.md). | Pro pronájmy se kalendář dostupnosti zobrazený zde stylizuje v nastavení [Kalendář](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/calendar.md), pilulky možností variant v nastavení [Variant pills](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/variant-pills.md). ## Widget rezervace Widget rezervace je hlavní interaktivní prvek na stránce nabídky. Řídí výběr varianty, výběr data a času, množství, doplňky a přidání do košíku pro všechny typy nákupu. ![Widget rezervace s výběrem varianty](https://mintcdn.com/twicecommerce/5ARkyCTk5wMAizBn/images/storefront-booking-widget-variants.webp?fit=max\&auto=format\&n=5ARkyCTk5wMAizBn\&q=85\&s=fa4d67c3ee05417658cc85947fe8ae53) ### Možnosti nákupu Widget zobrazuje možnosti nákupu dostupné pro nabídku: * **Rezervovat**: rezervace s výběrem data a času a kalendářem dostupnosti * **Koupit**: jednorázové prodeje bez výběru data * **Předplatit**: opakující se plány předplatného Každá možnost se zobrazuje jako tlačítko s výzvou k akci. Pokud nabídka podporuje více typů nákupu, zákazník jeden vybere a rozbalí odpovídající proces. ### Rozvržení pro desktop a mobil Na **desktopu** se widget rezervace vykresluje v pravém sloupci dvousloupcového rozvržení (obrázky vlevo, podrobnosti a widget vpravo). Widget zůstává přilepený k viditelné oblasti, když zákazník posouvá stránku. Klepnutím na možnost nákupu se rezervační nebo nákupní proces rozbalí přímo na místě. Na **mobilu** zobrazuje stránka nabídky pevnou spodní lištu s tlačítky výzvy k akci. Klepnutím na libovolné tlačítko se otevře panel na celou obrazovku obsahující celý rezervační proces: výběr varianty, výběr data a času, množství, doplňky a tlačítko přidání do košíku. ![Mobilní panel rezervace](https://mintcdn.com/twicecommerce/5ARkyCTk5wMAizBn/images/storefront-mobile-booking-drawer.webp?fit=max\&auto=format\&n=5ARkyCTk5wMAizBn\&q=85\&s=4659c1cbe15175ab3877d8751f0ad315) ### Výběr varianty Výběr [varianty](https://www.twicecommerce.com/docs/cs/concepts/catalog/variants.md) probíhá uvnitř widgetu rezervace, ne jako samostatný prvek na stránce nabídky. Každá osa varianty (například Velikost nebo Barva) se zobrazuje jako řada tlačítek ve tvaru pilulky. Zákazník klepnutím na pilulku vybere hodnotu. Pokud má osa varianty jen jednu hodnotu, vybere se automaticky a zákazník s ní nemusí nijak interagovat. Pokud existuje více hodnot, první je předvybraná a zákazník ji může změnit klepnutím na jinou pilulku. Výběr jiné hodnoty varianty aktualizuje kalendář dostupnosti a ceny v reálném čase. Doplňky se zobrazí až poté, co mají všechny osy variant vybranou hodnotu. ### Výběr data a času Pro rezervační nákupy widget zobrazuje: 1. **Možnosti doby trvání**: balíčky pevné délky nebo vlastní rozsah dat, podle toho, jak je nastavena [cenová tabulka](https://www.twicecommerce.com/docs/cs/concepts/catalog/price-tables.md) nabídky. Pořadí možností pevné délky je nastavení celého obchodu (viz **Pořadí možností** níže). 2. **Výběr data**: kalendář dostupnosti zvýrazňující volná a blokovaná data. První dostupné datum je předvybrané. 3. **Výběr času**: rozbalovací seznamy času vyzvednutí a vrácení, které se zobrazí po výběru dat. Nedostupné časové úseky jsou ve výběru skryté, aby možnosti zůstaly přehledné. Pokud se dříve vybraný čas stane nedostupným, zůstává viditelný, aby zákazník viděl, že svůj výběr musí změnit. ![Výběr času zobrazující pouze dostupné časy vyzvednutí](https://mintcdn.com/twicecommerce/5ARkyCTk5wMAizBn/images/storefront-time-picker.webp?fit=max\&auto=format\&n=5ARkyCTk5wMAizBn\&q=85\&s=57dec3e23334c3c460d1afbb091a46ad) ### Pořadí možností Sekce **Možnosti rezervace** nastavuje pořadí možností pevné doby trvání ve widgetu rezervace. Je to jedno nastavení pro celý obchod: platí pro každou nabídku a neexistuje přepsání pro jednotlivou nabídku. ![Panel možností rezervace s otevřeným rozbalovacím seznamem Pořadí a jeho čtyřmi hodnotami](https://mintcdn.com/twicecommerce/Qmk6boEfmdulYi_c/images/theme-editor-booking-options.webp?fit=max\&auto=format\&n=Qmk6boEfmdulYi_c\&q=85\&s=f8510950f0e2badcd90d9d945d444709) Editor storefrontu > Stránka nabídky > Možnosti rezervace Jediný ovládací prvek sekce, **Pořadí**, má čtyři hodnoty: | Hodnota | Co zákazník vidí | | - | - | | **Nejkratší doba trvání první** | Pevné možnosti jdou od nejkratšího rozsahu po nejdelší. Výchozí. | | **Nejdelší doba trvání první** | Stejný seznam, nejdelší rozsah první. | | **Nejnižší cena první** | Pevné možnosti jdou od nejlevnější po nejdražší, bez ohledu na délku. | | **Nejvyšší cena první** | Stejný seznam, nejdražší první. | Nastavení přesouvá pouze možnosti pevné doby trvání, nic jiného. Následující si drží svou pozici bez ohledu na zvolenou hodnotu: * **Nákup** zůstává na začátku seznamu, s možností **Zvolit vlastní data** přímo pod ním. * Plány předplatného zůstávají na konci, pod všemi pevnými možnostmi. * Možnost nedostupná pro vybrané datum si drží svou pozici v řazení místo toho, aby klesla na konec. Kdy možnost zešedne, popisuje [Prodejní kanály > Online obchod](https://www.twicecommerce.com/docs/cs/concepts/sales-channels/online-store.md), část Možnosti rezervace a vybrané datum. * Cena **Od** nad widgetem se nemění: vždy uvádí nejnižší rezervační cenu nabídky. Dvě možnosti se shodnou hodnotou v řazení se v obou směrech řadí stejným způsobem, takže **Nejdelší doba trvání první** není přesným zrcadlením **Nejkratší doba trvání první**. | Řazeno podle | Pravidlo pro shodu | | - | - | | Doby trvání | Možnost účtovaná jako **Od** vede před sourozencem se stejnou uplynulou délkou: rezervace „1 den" účtovaná jako Od musí být vrácena před půlnocí, takže je ve skutečnosti kratší z obou, a nad rámec toho vede levnější možnost. | | Ceny | Shoda v ceně se řeší kratší dobou trvání. | > [!NOTE] > > Zobrazení pořadí v administraci vždy uvádí možnosti doby trvání od nejkratší, bez ohledu na toto nastavení. ### Přidání do košíku Když zákazník potvrdí svůj výběr, widget ověří, že jsou vyplněna všechna povinná pole (varianty, data, časy, množství), a odešle výběr na server k závěrečné kontrole dostupnosti. Po úspěchu se položka přidá do [košíku](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/bag.md). ## Sdílené bloky Panel oznámení, záhlaví, zápatí a nastavení stránky platí pro celý obchod. Viz [přehled editoru storefrontu](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/overview.md), část Bloky na většině stránek. ## Související články > **[Variant pills](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/variant-pills.md)** > > Nastavte styl výběru možností variant. > **[Kalendář](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/calendar.md)** > > Nastavte styl kalendáře dostupnosti pro pronájem. > **[Varianty](https://www.twicecommerce.com/docs/cs/concepts/catalog/variants.md)** > > Osy variant, hodnoty a ceny podle varianty. > **[Cenové tabulky](https://www.twicecommerce.com/docs/cs/concepts/catalog/price-tables.md)** > > Nastavení cen pro rezervaci, prodej a předplatné. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.