Checkout
Jalal avatar
Written by Jalal
Updated over a week ago

The checkout option contains the settings for the Checkout. You can setup your logo, background and more for the checkout page.

To edit your Checkout settings you'll have to navigate to the settings.
Click on the 'Theme settings' in the left sidebar, its indicated with the following icon:

When clicked, on the right sidebar your theme settings will open:

Now click on 'Checkout', the following settings will open:

Banner

Background image
Set your image for the top banner in the checkout here.
We recommend an image with 1000x400px.

Logo

Custom image:
Set your store logo here, so it will show in the checkout.

Position:
Set the position of your logo. You can select: Left, center or right.

Logo size:
Set the size of the logo here, you can select: Large, Medium or Small.

Main content area

background image:

Set the background image of the checkout here. If the image is not big enough, it will repeat vertically and horizontally.

Background color:
If no background image is set, you can select the background color here.

Form fields:
What should the background color be of the form fields. The form fields are the fields where customers fill in their details, like name, adress etc.

Order summary

background image:

Set the background image of the checkout here. If the image is not big enough, it will repeat vertically and horizontally.

Background color:
If no background image is set, you can select the background color here.

Typography

Headings:

Set the font of the headings in the checkout here.

Body:
Set the font of the body text in the checkout here.

Colors

Accents:
Set the color for the accents in the checkout, this will be the links, highlights and checkmarks.

Buttons:
Set the color for the buttons in the checkout, these will be the gift card/discount buttons and the next step buttons.

Errors:
Set the color for error messages within the checkout, this will also apply on invalid fields.

Did this answer your question?