Hi everyone,
I’m working on a Shopify store and I’m trying to implement a customer account login experience that opens as a full-height panel sliding in from the right, instead of redirecting to /account/login or showing a small popover.
As a UX reference, I’m aiming for something similar to the account login interaction on louisvuitton.com, where:
-
Clicking the account icon opens a right-side panel
-
The panel covers most or all of the viewport height
-
The background page is dimmed and inactive
-
Login and account creation happen entirely inside the panel
Current setup:
-
Shopify customer accounts enabled
-
Account icon in the header
-
Theme already uses drawers/dialogs for cart and navigation
What I’ve tried so far:
-
Modifying the account dialog markup in the header
-
CSS overrides to force the dialog to full height / width
Issues I’m running into:
-
The account UI stays constrained to a small drawer
-
Forcing full-screen behavior causes header or dialog logic to break
My questions:
-
Are Shopify’s native customer accounts intentionally limited in how much the UI can be customized?
-
Is it possible to build a full-height slide-in account panel while still using Shopify’s customer account system?
-
If not, what is the recommended approach from a theme-architecture perspective to achieve this type of UX?
I’m looking for a clean, upgrade-safe solution rather than heavy hacks, so any guidance from theme developers who’ve tackled this would be really appreciated.
Thanks in advance!