You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: commerce-add-ons/packages/checkout/customize-checkout.md
+10-7Lines changed: 10 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,23 +4,26 @@ description: This documentation shows how to customize the Checkout package for
4
4
5
5
# Customize Checkout
6
6
7
-
It is assumed that before we begin that you already have an Umbraco website configured and Umbraco Commerce installed and a store set up. If you are not at this stage yet, please read the [core Umbraco Commerce documentation](https://docs.umbraco.com/umbraco-commerce/) to learn how to get started.
7
+
It is assumed that you already have an Umbraco website configured Umbraco Commerce installed and a store set up. If you are not at this stage yet, please read the [core Umbraco Commerce documentation](https://docs.umbraco.com/umbraco-commerce/) to learn how to get started.
8
8
9
-
Umbraco Commerce Checkout is a free and open-source add-on package for Umbraco Commerce. It is possible to amend the default behaviour to customize the checkout towards your needs.
9
+
Umbraco Commerce Checkout is a free and open-source add-on package for Umbraco Commerce. It is possible to amend the default behavior to customize the checkout to your needs.
10
10
11
11
## Setup
12
12
13
-
In order to allow customization you must first 'override' the existing files for the step required to be modified.
13
+
To allow customization you must first 'override' the existing files for the step required to be modified.
14
14
15
-
To do this you need to copy the equivalent (files and partials)[https://github.com/umbraco/Umbraco.Commerce.Checkout/tree/main/src/Umbraco.Commerce.Checkout/Views/UmbracoCommerceCheckout].
15
+
To do this follow these steps:
16
16
17
-
Copy the files and add them to `Views/UmbracoCommerceCheckout` in your project directory. It might be necessary to create the folder first.
17
+
1. Copy the equivalent [files and partials](https://github.com/umbraco/Umbraco.Commerce.Checkout/tree/main/src/Umbraco.Commerce.Checkout/Views/UmbracoCommerceCheckout).
18
+
2. Add them to `Views/UmbracoCommerceCheckout` in your project directory. It might be necessary to create the folder first.
19
+
3. Make a small text change to one of the Views to verify that the files are in use.
20
+
4. Verify that the changes are carried out and displayed correctly.
18
21
19
-
Verify that the files are in use by making a simple text change to one of the Views. Visit the step where the change was carried out to ensure it displays accordingly.
22
+
You are now ready to start customizing the Checkout page to fit the design of your website.
20
23
21
24
## Useful links
22
25
23
-
As well as the content in these docs, here are a few useful links to learn more about the Umbraco Commerce Checkout package itself.
26
+
Here are a few useful links to learn more about the Umbraco Commerce Checkout package:
0 commit comments