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