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 autofilled 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 decide 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 accounts

We have seven legacy 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.

Click on Order number

and you will see Order detail page

Addresses page

For login and register page you will see these settings:

Setting	Description
Image	Add an image to the left side of the page. You can upload a new image or select one from the media library.
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.
Breadcrumbs color scheme	Adjust the breadcrumb strip background and font color using a dropdown list of color schemes.

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 Order History and Addresses pages 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.
Breadcrumbs color scheme	Adjust the breadcrumb strip background and font color using a dropdown list of color schemes.

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 Order detail page you will see these 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.

Note: Click save on every page to save all changes.