Shopify Customer Account: nové rozvržení a dopad na rozšíření

Shopify vydal náhled nového rozvržení pro Customer Account. Na první pohled může jít o estetickou aktualizaci: zjednodušená navigace, přepracovaná vizuální hierarchie, sjednocení vzhledu na desktopu i mobilu. Ve skutečnosti se pro obchodníky a vývojářské týmy, kteří vytvořili vlastní rozšíření, jedná o strukturální změnu s přímým dopadem na stávající rozhraní.

Co se v novém rozvržení mění

Klíčovou změnou je přechod na jednosloupkové rozvržení pro všechny nativní stránky Customer Account. Platí to jak pro desktop, tak pro mobil, čímž se odstraňuje rozdíl v dostupné šířce, který byl charakteristický pro předchozí rozvržení.

Hlavní dopady se týkají čtyř oblastí:

• Nativní stránky: přijímají jednosloupkové rozvržení jednotně na všech zařízeních.
• Inline extensions: vykreslují se v užším prostoru než v současném rozvržení. Rozšíření navržené pro dvousloupcovou mřížku může být stlačené nebo vizuálně poškozené.
• Full-page extensions: musí nyní zvolit explicitní strategii. Možnosti jsou dvě: úzké rozvržení s přístupem mobile-first, nebo široké rozvržení pro komplexní obsah vyžadující více horizontálního prostoru.
• Order action extensions: získávají přímou viditelnost. Order summary extensions již nejsou na mobilu skryté za dodatečnou interakcí.

Proč je riziko reálné

Hlavní problém není samotný redesign, ale způsob, jakým může tiše narušit stávající rozšíření. Žádné automatické upozornění vás v produkci neinformuje, že rozšíření přestalo po změně rozvržení správně fungovat. Vizuální výsledek se může pohybovat od přijatelného přizpůsobení až po zcela rozbité rozhraní, záleží na tom, jak bylo rozšíření navrženo.

Praktický příklad: inline extension navržená pro dvousloupcovou mřížku může po vykreslení v novém užším kontejneru překrývat prvky, ořezávat texty nebo zcela ztratit vizuální strukturu, na níž stál uživatelský zážitek.

To platí zejména pro rozšíření vytvořená pro pokročilé funkce, jako jsou:

• Věrnostní programy
• Správa vratek a refundací
• Opakované odběry
• B2B portály a správa firemních účtů

Jde o kontexty, ve kterých poškozené rozhraní není jen estetickým problémem, ale může přerušit provozní procesy klíčové pro obchodníka i koncového zákazníka.

Jak se připravit před 12. červnem 2026

Náhled funkce je dostupný do 12. června 2026. Toto okno není jen příležitostí k testování: je to provozní prostor pro to, aby se rozšíření stihla upravit před obecným vydáním.

Doporučený postup se skládá z pěti kroků:

1. Aktivovat náhled funkce ve vývojovém prostředí nebo v dedikovaném staging store.
2. Zmapovat všechny aktivní extension targety ve store a rozlišit inline extensions, full-page extensions a order action extensions.
3. Otestovat každé rozšíření v novém rozvržení a ověřit vizuální i funkční chování na desktopu i mobilu.
4. Zvolit strategii pro full-page extensions: úzké pro jednoduchý obsah a mobile-first přístupy, široké pro dashboardy nebo rozhraní s tabulkami a strukturovanými daty.
5. Naplánovat a implementovat úpravy UI s dostatečným předstihem před obecným vydáním.

Volba strategie rozvržení pro full-page extensions

Volba mezi úzkým a širokým rozvržením pro full-page extensions není libovolná. Závisí na povaze obsahu:

• Úzké (narrow): vhodné pro lineární toky, formuláře pro zadávání dat, potvrzení objednávek a textový obsah. Zajišťuje soulad s nativním rozvržením a snižuje riziko nesrovnalostí na mobilu.
• Široké (wide): vhodné pro komplexní tabulková data, dashboardy s více sloupci a B2B rozhraní s mnoha kontextovými informacemi. Vyžaduje pečlivější práci s responzivitou a chováním na menších obrazovkách.

Nesprávná volba strategie znamená nutnost dalšího zásahu po vydání, s vyššími časovými i finančními náklady oproti včasné přípravě.

Integrace s vývojovým procesem

Pro ty, kdo spravují Shopify store s vlastními rozšířeními v Customer Account, vyžaduje tato aktualizace technický audit před stanoveným termínem. Strukturovaný přístup umožňuje identifikovat ohrožená rozšíření, posoudit rozsah potřebných zásahů a efektivně rozložit práci v dostupném čase.

Pokud zvažujete, jak tento proces zorganizovat, nebo potřebujete odhadnout rozsah úprav, najdete přehled dostupných možností v sekci plány pro vývojáře Shopify, kde zjistíte, jaký typ podpory nejlépe odpovídá vaší situaci.

Redesign Customer Account je příležitostí ke zlepšení konzistence uživatelského zážitku. Připravit se na obecné vydání včas znamená proměnit potenciální problém v řízený a kontrolovaný přechod.