Skip to content

Commit d00f899

Browse files
committed
MC-5769: Complete content type tutorial
Updated images and links
1 parent e8b13eb commit d00f899

12 files changed

+10
-7
lines changed

docs/create-basic-content-type/overview.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,18 +11,18 @@ Page Builder comes with 16 content types (controls) you can use to build your st
1111

1212
## Prerequisites
1313

14-
Page Builder creates content types from a module with UI components. So this topic assumes you have a basic module structure in which to add your content type files.
14+
Page Builder creates content types from a module with UI components. This tutorial assumes you have a basic module structure (as follows) in which to add your content type files.
1515

1616
![Minimum module structure](../images/module-minimum-structure.png)
1717

1818
## Overview
1919

2020
![Creating Custom Content Types](../images/content-type-overview.png)
2121

22-
1. **Add configuration**: Create an XML file to setup all the other files that control the appearances and behaviors of your content type.
23-
2. **Add templates**: Create HTML files that define the appearance of your content types on the Admin stage (preview.html) and the storefront (master.html).
24-
3. **Add component**: Create a JavaScript file that define the behavior of your content type on the Admin stage (preview.js) and the storefront (master.js).
25-
4. **Add form**: Create a UI component form (XML file) and layout so users can edit your content type.
22+
1. **Add configuration**: Create an XML file to define your content type and reference the other files that control the appearances and behaviors of your content type.
23+
2. **Add templates**: Create HTML templates that define the appearance of your content types on the Admin stage (preview.html) and the storefront (master.html).
24+
3. **Add component**: Create a JavaScript file that defines the behavior of your content type on the Admin stage (preview.js) and the storefront (master.js).
25+
4. **Add form**: Create a UI component form and a layout so users can edit your content type within the Page Builder editor.
2626
5. **Add styles**: Create LESS files to style your content types when rendered in the Admin UI and on the storefront.
2727
6. **Add frontend widget**: Create a JavaScript file to control the UI behavior (user interactivity) of your content type on the storefront.
2828

docs/images/content-type-files.png

302 Bytes
Loading

docs/images/step1-add-config-file.png

5.96 KB
Loading

docs/images/step2-add-templates.png

8.28 KB
Loading

docs/images/step3-add-component.png

6.21 KB
Loading

docs/images/step4-add-form-editor.png

5.37 KB
Loading

docs/images/step4-add-form.png

8.59 KB
Loading

docs/images/step5-add-layout.png

5.21 KB
Loading

docs/images/step6-add-styles.png

14.7 KB
Loading

docs/images/step7-add-widget.png

7.91 KB
Loading

0 commit comments

Comments
 (0)