Build A Shopify Theme From Scratch

Tags: Shopify

Learn how to create themes in Shopify

Last updated 2022-01-10 | 4.7

- Build a Shopify Theme from scratch
- Customize existing Shopify theme

What you'll learn

Build a Shopify Theme from scratch
Customize existing Shopify theme

* Requirements

* Familiarity with the Shopify Admin Dashboard
* Sublime Text 3
* Shopify's Theme Kit Development Tool
* Mac is being used for the course

Description

This course will teach you how to create a theme in Shopify.

We won't be showing you how to code HTML/CSS/JavaScript. There are plenty of fantastic courses on Udemy that do a better job at that. Instead, we'll take an HTML template that has already been created for us and implement it into a fresh Shopify store. The goal is to teach developers/store owners how to create/customize their themes. Utilize Shopify's framework and start building your own pages.

We'll take a barebones approach, using Shopify's Theme Kit to do our development. Meaning, we'll start from the absolute minimum amount of code needed to have a Shopify theme and build from there. After going through this course, you'll be able to understand Shopify's framework and create your own theme. You'll learn the Liquid templating language and see how themes dynamically take what has been configured in the Admin dashboard and present it to your user-facing store.

Since this course's inception, there have been 3 main audiences:

  1. Store owners. These are the folks who already own a store and want to be able to customize their stores.

  2. Developers. People who know how to code already, they just need to learn how to do it with Shopify theming. This is a quick and easy course to get them up and running. These people typically start creating their own themes and start selling them.

  3. Career changers. Learning how to make a Shopify theme is a great entry to a new career in web development. There's a demand for Shopify theme developers. Although you're learning a specific framework, you can build on these learnings as you branch outside of Shopify.

Who this course is for:

  • Frontend Developers who want to learn how to create a Shopify Theme
  • Shopify store owners who want to learn how to customize their theme

Course content

10 sections • 38 lectures

Install Theme Kit Preview 05:37

Connect to Shopify Store Preview 09:34

Install Sublime Text Preview 05:07

Set Up Data Preview 11:16

Import Theme Preview 16:27

Top Bar and Nav Bar Preview 06:03

Settings Preview 11:00

Shopify Sections Preview 10:06

Shopify Blocks Preview 09:46

Categories Section Preview 27:37

First Collection Preview 17:09

Divider Preview 08:49

Second Collection and Limit Preview 11:07

Blog Preview 14:43

Brands Preview 06:45

Footer Services Preview 17:30

Footer Main Preview 22:33

Linklist Preview 14:55

Sublnk Preview 09:33

Grandchildren Links Preview 09:24

Main Menu Service and Product Preview 14:58

Collection Page Preview 14:57

Paginate Collection Preview 12:44

Product Count and Sorting Preview 12:08

Collection Sidebar Preview 09:03

Collection Filters Preview 18:25

Product Page Image Preview 07:39

Product Ribbon and Price Preview 10:55

Product Description Preview 11:26

Product Variant Preview 13:52

Product Add to Cart Preview 10:23

Finished files Preview 00:01

OLD COURSE - Finished files Preview 00:04