How to Install

Create a file

1. Navigate to Content then Design Manager to create a file.

image 293

2. Inside Design Manager, locate your Hatch child theme folder.

child-theme-folder

3. Within the child theme directory, navigate to the 'template' folder. Here, you can create a new folder named 'sections' within the 'template' folder.

sections-folder-creation

4.  Then create a file inside the newly created folder.

new-file-creation

4. Select HTML + Hubl then hit Next button.

image 297

5. Add the name of the file based on the section you want to install. (Example: Hero with Logo and Counter)

image 298

6. Then, you can see the newly created file with the default code.

image 299

7. Remove all the built-in code of this file by pressing ctrl+a if you're using Windows Operating System and command+a if you are using Mac OS then press delete.

image 300

8. On the 'Sections Library' page, Click the 'Code' button to see the whole section code.

codes-button

9. After clicking the 'Code' button, a new page will open in new tab showing the section template code. Highlight the code by pressing ctrl+a if you're using a windows operating system and command+a if you are using Mac OS and then copy the highlighted codes by pressing ctrl+c if you're using a windows operating system and command+c if you are using Mac OS.

codes-of-the-section

10. Paste the section code to the file your created.

image 301

11. Hit "Publish changes" button on the upper right.

image 302

Add the section to the page

1. On your page editor, search the section template you created (Example: Hero with Logo and Counter)

Group 41866

2. Add the section to the page editor.

image 305
Lorem Ipsum

Embark on Your
Digital Growth Journey

Speak with Us Today!

offer-02-image