Skip to content

Introduction ​

The following videos are designed to enable you to develop your first section templates with the theme development pipeline.

1. Overview - Part One ​

First video of the development process in theme development pipeline.

Overview - Part One

2. Overview - Part Two ​

Second video of the development process in theme development pipeline.

Overview - Part Two

3. Files explanation - Part One ​

A first overview of the different folders and files in the theme development pipeline will be given.

Files explanation - Part One

4. liquid-HTML ​

The Liquid-html file will be explained.

liquid-HTML

5. SCSS ​

SCSS file will be presented.

SCSS

6. JSON ​

The required JSON mock will be explained.

JSON

7. Yarn Dev and Yarn Build ​

Introduction of the Yarn dev and Yarn build command.

Yarn Dev and Yarn Build

8. Files explanation - Part Two ​

A second overview of the different folders and files in the theme development pipeline will be given.

Files explanation - Part Two

9. Add javaScript/typeScript ​

It will be shown how to integrate javaScript/typeScript and use for dynamic content.

javaScript/typeScript