Customer accounts pages settings

Customer accounts let your customers log in to view their orders, profile information, and saved addresses. When a customer logs in, the details stored in their account are auto-filled during checkout for a faster checkout experience.

There are two versions of customer accounts:

Customer accounts is the newest version of customer accounts, and lets your customers log in using a one-time 6-digit verification code sent by email. A password isn't required to log in.
Legacy customer accounts lets your customers log in using an email and a password.

Both customer accounts and legacy customer accounts are available to you and can be used by your customers. You can choose which version of customer accounts to use in your online store. If you choose to use the new version of customer accounts, then most links to legacy customer accounts will automatically redirect to customer accounts. Learn more about upgrading to customer accounts.

Follow this link to get more information.

Customer account new version

Legacy customer account version

We have seven accounts pages

When you click on any of these pages, the settings allow you to customize their appearance. The settings in the left panel can be the same or different for all customer pages.

You can instantly access the Login or Register pages by clicking on Customer Login or Customer Register at the top of the customizer.

To see settings of order and addresses pages, you need to log in at first to see these pages. After login, click on Customer addresses or Customer Account at the top of the customizer to see settings of these pages.

For login page you will see these settings:

Setting	Description
Color scheme	After creating your custom color schemes in the Theme Settings > Colors tab, you can apply them to various sections, blocks, or pages. Each section, block, or page settings includes a Color Scheme Dropdown, allowing you to select a scheme that aligns with your brand identity for a cohesive appearance.
Enable Sign in with Shop	Activate this option to allow customers to sign in using their Shop App credentials.
Show breadcrumbs	By enabling this option, breadcrumbs will be displayed at the top of the page, providing navigation links to help visitors back to main page – homepage.
Image	Add an image to the bottom of the page. You can upload a new image or select one from the media library. This option works best for transparent images without backgrounds.
Image width	Set the width of the image for desktop devices to ensure it fits your design layout. Adjust this setting to achieve the desired appearance.
Image width mobile	Customize the image width specifically for mobile devices, ensuring optimal display and usability on smaller screens.
Cover footer background	Enable this option to extend the background of the Login Template to cover the footer, creating a seamless design. If the option is disabled, the footer will have its own background, styled according to the selected Color Scheme in Footer settings.

When Sign in with Shop is enabled

Click on the button to Sign in with Shop

For pages Register, Addresses you will see these settings:

Setting	Description
Color scheme	After creating your custom color schemes in the Theme Settings > Colors tab, you can apply them to various sections, blocks, or pages. Each section, block, or page settings includes a Color Scheme Dropdown, allowing you to select a scheme that aligns with your brand identity for a cohesive appearance.
Show breadcrumbs	By enabling this option, breadcrumbs will be displayed at the top of the page, providing navigation links to help visitors back to main page – homepage.
Image	Add an image to the bottom of the page. You can upload a new image or select one from the media library. This option works best for transparent images without backgrounds.
Image width	Set the width of the image for desktop devices to ensure it fits your design layout. Adjust this setting to achieve the desired appearance.
Image width mobile	Customize the image width specifically for mobile devices, ensuring optimal display and usability on smaller screens.
Cover footer background	Enable this option to extend the background of the Login Template to cover the footer, creating a seamless design. If the option is disabled, the footer will have its own background, styled according to the selected Color Scheme in Footer settings.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.

For pages Order history, Order you will see these settings:

Setting	Description
Color scheme	After creating your custom color schemes in the Theme Settings > Colors tab, you can apply them to various sections, blocks, or pages. Each section, block, or page settings includes a Color Scheme Dropdown, allowing you to select a scheme that aligns with your brand identity for a cohesive appearance.
Show breadcrumbs	By enabling this option, breadcrumbs will be displayed at the top of the page, providing navigation links to help visitors back to main page – homepage.
Table head color scheme	Apply a color scheme specifically to the table header, ensuring it aligns with your design and enhances readability.
Table body color scheme	Apply a color scheme to the body — rows of the table for a cohesive and visually appealing look.
Image	Add an image to the bottom of the page. You can upload a new image or select one from the media library. This option works best for transparent images without backgrounds.
Image width	Set the width of the image for desktop devices to ensure it fits your design layout. Adjust this setting to achieve the desired appearance.
Image width mobile	Customize the image width specifically for mobile devices, ensuring optimal display and usability on smaller screens.
Cover footer background	Enable this option to extend the background of the Login Template to cover the footer, creating a seamless design. If the option is disabled, the footer will have its own background, styled according to the selected Color Scheme in Footer settings.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.

Order History — customer account template

Click on order number to see order page with a specific order

Order page settings — Customer order template