Shopify Customer Account: novi layout i utjecaj na ekstenzije

Shopify je objavio feature preview novog layouta za Customer Account. Na prvi pogled izgleda kao estetska nadogradnja: pojednostavljena navigacija, redizajnirana vizualna hijerarhija, dosljednost između deskopa i mobilnih uređaja. Međutim, za merchantove i razvojne timove koji su izgradili prilagođene ekstenzije, radi se o strukturnoj promjeni s izravnim učincima na postojeće sučelje.

Što se mijenja u novom layoutu

Ključna promjena je prelazak na jednostupčani layout za sve izvorne stranice Customer Accounta. To vrijedi i za desktop i za mobilne uređaje, čime se uklanja razlika u dostupnoj širini koja je karakterizirala prethodni layout.

Glavne implikacije odnose se na četiri područja:

• Izvorne stranice: usvajaju jednostupčani layout na svim uređajima.
• Inline extensions: renderiraju se u užem prostoru u usporedbi s trenutnim layoutom. Ekstenzija izgrađena za prikaz u rešetki s dva stupca može biti stisnuta ili vizualno narušena.
• Full-page extensions: sada moraju usvojiti jasnu strategiju. Postoje dvije mogućnosti: narrow layout s mobile-first pristupom ili wide layout za složene sadržaje koji zahtijevaju više horizontalnog prostora.
• Order action extensions: dobivaju izravniju vidljivost. Order summary extensions više nisu skrivene na mobilnim uređajima iza dodatne interakcije.

Zašto je rizik konkretan

Glavni problem nije sam redizajn, već tihi način na koji može degradirati postojeće ekstenzije. Nijedna automatska obavijest u produkciji ne signalizira da je ekstenzija prestala ispravno funkcionirati nakon promjene layouta. Vizualni rezultat može varirati od prihvatljive prilagodbe do potpuno narušenog sučelja, ovisno o tome kako je ekstenzija izgrađena.

Praktičan primjer: inline extension dizajnirana za rešetku s dva stupca, jednom renderirana u novom užem kontejneru, može preklapati elemente, skraćivati tekstove ili gubiti vizualnu strukturu na kojoj se temeljilo korisničko iskustvo.

Ovo se posebno odnosi na ekstenzije izgrađene za napredne funkcionalnosti kao što su:

• Programi vjernosti i loyalty
• Upravljanje povratima i povratima novca
• Ponavljajuće pretplate
• B2B portali i upravljanje poslovnim računima

Radi se o kontekstima u kojima degradirano sučelje nije samo estetski problem, već može prekinuti kritične operativne tokove za merchanta i krajnjeg kupca.

Kako se pripremiti prije 12. lipnja 2026.

Feature preview dostupan je do 12. lipnja 2026. Ovaj prozor nije samo prilika za testiranje: to je operativna margina za izbjegavanje situacije u kojoj se dočeka opće objavljivanje s neprilagođenim ekstenzijama.

Preporučeni proces sastoji se od pet koraka:

1. Aktivirati feature preview u razvojnom okruženju ili na namjenskom staging storeu.
2. Mapirati sve aktivne extension targete u storeu, razlikujući inline extensions, full-page extensions i order action extensions.
3. Testirati svaku ekstenziju u novom layoutu, provjeravajući vizualno i funkcionalno ponašanje na desktopu i mobilnim uređajima.
4. Definirati strategiju za full-page extensions: narrow za jednostavne sadržaje i mobile-first pristup, wide za nadzorne ploče ili sučelja s tablicama i strukturiranim podacima.
5. Planirati i implementirati UI prilagodbe s dovoljnim predujmom prije općeg objavljivanja.

Procjena strategije layouta za full-page extensions

Izbor između narrow i wide za full-page extensions nije proizvoljan. Ovisi o prirodi sadržaja:

• Narrow: prikladno za linearne tokove, obrasce za unos podataka, potvrde narudžbi, tekstualne sadržaje. Osigurava dosljednost s izvornim layoutom i smanjuje rizik od neusklađenosti na mobilnim uređajima.
• Wide: prikladno za složene tablične sadržaje, nadzorne ploče s više stupaca, B2B sučelja s mnogo kontekstualnih informacija. Zahtijeva pažljivije upravljanje responsivnošću i ponašanjem na manjim ekranima.

Pogrešan izbor strategije znači potrebu za ponovnom intervencijom nakon objave, uz veće troškove i dulje rokove u usporedbi s pravovremenim planiranjem.

Integracija s razvojnim procesom

Za one koji upravljaju Shopify storeom s prilagođenim ekstenzijama na Customer Accountu, ova nadogradnja zahtijeva tehnički audit prije roka. Strukturirani pristup omogućuje identifikaciju ekstenzija pod rizikom, procjenu opsega potrebnih zahvata i učinkovitu raspodjelu rada u dostupnom vremenu.

Ako razmatrate kako organizirati ovaj proces ili trebate procjenu potrebnih intervencija, možete pregledati dostupne mogućnosti u odjeljku planovi za Shopify developere kako biste utvrdili koja vrsta podrške najbolje odgovara vašoj situaciji.

Redizajn Customer Accounta prilika je za poboljšanje dosljednosti korisničkog iskustva. Dobra priprema prije općeg objavljivanja znači pretvaranje potencijalne krize u kontroliranu nadogradnju.