UX panelu košíku

Kalkulačky dopravy v panelech košíku Shopify: osvědčené postupy

Navrhněte, umístěte, otestujte a měřte kalkulačku dopravy v dynamických panelech košíku Shopify bez narušení pokladny.

Aktualizováno 21. září 2026 · Tým ShipCalc, MerchantOS

Krátká odpověď

Kalkulačka dopravy v panelu košíku by měla odpovědět na otázku cíle a ceny, aniž by z panelu udělala druhou pokladnu. Umístěte ji poblíž mezisoučtu nebo tlačítka pokladny, sbalený stav udržujte kompaktní, zachovejte tlačítka zavření a pokladny panelu, po změnách košíku přepočítávejte a otestujte chování s klávesnicí, dotykem, na mobilu a po aktualizacích motivu. Protože jsou panely specifické pro motiv, kompatibilitu je nutné ověřit přesně na produkčním motivu.

Zachovejte hlavní úkol panelu

Panel košíku slouží ke kontrole objednávky a k pokračování v nákupu nebo k přechodu do pokladny. Kalkulačka dopravy má toto rozhodnutí podporovat, ne ho ovládnout. Použijte krátkou výzvu, postupné odkrývání a kompaktní výsledky, které zůstanou čitelné vedle mezisoučtu a tlačítek pokladny.

Aktualizujte při změně košíku

Zastaralá kalkulace je horší než žádná. Přidání, odebrání nebo změna množství může změnit hmotnost, mezisoučet, kombinace profilů i nárok na dopravu zdarma. Kalkulačka by měla obnovit kontext, nebo jasně požádat o nový výpočet.

Chcete, aby zákazníci viděli sazby ještě před pokladnou?ShipCalc zobrazuje vaše stávající sazby Shopify na stránkách produktů, v košících a v panelech košíku. Podívejte se, jak to funguje.

Navrhujte pro úzký, dynamický prostor

Panely bývají úzké a posouvatelné. Zabraňte vodorovnému přetečení, udržujte pohodlné dotykové plochy, nezakrývejte tlačítko pokladny a oznamujte změny výsledků asistenčním technologiím. Stav načítání by měl rezervovat místo, aby panel neskákal.

Po změnách motivu testujte znovu

Motivy mohou při aktualizaci nahradit kód panelu, názvy tříd nebo způsob vykreslování. Zaznamenejte použitou verzi a selektor a kalkulačku zahrňte do každého regresního testu při upgradu motivu.

Kontrolní seznam

  • Viditelná u mezisoučtu nebo pokladny
  • Kompaktní zavřený stav
  • Žádné vodorovné přetečení
  • Tlačítko pokladny zůstává dostupné
  • Přepočítá se po změnách košíku
  • Stavy načítání a bez sazeb se vejdou
  • Fokus klávesnice zůstává logický
  • Změny výsledků se oznamují
  • Otestováno na mobilu
  • Aktualizace motivu spouštějí nové testy

Dotazy

Používají všechny motivy Shopify stejný panel košíku?

Ne. Kód a chování panelů se liší podle motivu a verze, takže kompatibilitu je nutné otestovat.

Má se kalkulačka otevírat automaticky?

Obvykle ji nechte sbalenou, dokud si zákazník kalkulaci nevyžádá, pokud doprava není pro váš sortiment rozhodujícím faktorem.

Kde se mají výsledky zobrazit?

Mějte výsledky blízko vstupního pole a mezisoučtu, přičemž tlačítko pokladny musí zůstat viditelné a použitelné.

Zdroje

Stránky Centra nápovědy Shopify se mohou otevřít v angličtině.

Vyzkoušejte ShipCalc zdarma

Ukažte cenu dopravy dřív, než se zákazník zeptá.

Máte nejdřív otázky? Napište nám.

Spustit zkušební verzi zdarma
  • 14denní zkušební verze zdarma
  • Bez kódu motivu