Shopify Theme Development

Tags: Shopify

Learn how to create Shopify themes using ThemeKit and how to use Liquid programming for customizing Shopify themes

Last updated 2022-01-10 | 4.4

- Shopify Theme Development
- Upgrading to Online Store 2.0
- Liquid Programming (Tags
- Objects
- & Filters)

What you'll learn

Shopify Theme Development

Upgrading to Online Store 2.0

Liquid Programming (Tags

Objects

& Filters)

Shopify ThemeKit

Creating Shopify theme settings & blocks with schema

How to create a Shopify store

* Requirements

* You must know a little of HTML & CSS
* You must know a little of Shopify

Description

Due to the pandemic, a lot of people are trying to learn how to create an online store with Shopify. These new merchants are looking for Shopify themes that are effective enough to bring them sales. Why not become one of the new Shopify developers and create an amazing Shopify theme from scratch?

What is a Shopify theme?

Shopify themes are such a big part of an online store since they make it easier to customize a website. There are only a few amounts of Shopify themes that can be used by merchants for free and that makes Shopify theme development super profitable. So why not create a Shopify store?

In this course, we’re going to learn how to create a Shopify theme using ThemeKit and Liquid. We’re going to cover all of the important parts of Shopify Theme Development including schema settings and blocks so merchants can easily customize their Shopify store without coding.

In this course you will learn:

How to set up your development store
Using Bootstrap to design a Shopify theme
Theme files and assets
Schema Tag (Settings/Blocks)
How to create the customer's page (orders page & addresses page)
Liquid language (Referencing asset files, loops, conditional statements, Shopify objects, filters, and many more)
AJAX API (Getting products data, Sending products to the cart, etc)
JSON Templates (NEW)

If you think you’re ready to start, signup now, and let’s create the best Shopify theme together!

FAQs

Is this course using Shopify CLI?!

Unfortunately not. I would like to update this course to use Shopify CLI instead of ThemeKit but unfortunately, it will just cost me a lot of time since most of the lessons are using ThemeKit. I'd rather just create a separate course for Shopify CLI theme development.

So, apologies, if you're looking for Shopify CLI, I have recently released a new course! Please check it out on my account!
Will you show us how to use JSON templates?

Yes. In fact, I've already added new lessons teaching how to migrate liquid templates to JSON templates.

Who this course is for:

Beginner Shopify developers
Students who wants to learn how to create Shopify themes
Shopify merchants who wants to learn about liquid programming

Course content

11 sections • 60 lectures

Introduction 1 lectures

Introduction Preview 01:09

Getting Started 5 lectures

Installing ThemeKit Preview 03:28

Creating Development Stores Preview 00:33

Creating API Keys & Passwords Preview 01:09

Creating The Project Preview 05:59

Request Failed After 5 Retries with Error: ? Preview 03:41

Note: If none of the solutions mentioned above is not working, then try to create a new development store.

Theme / Asset Files 2 lectures

The Theme Files & The Setting Schema Preview 08:32

Installing CSS Frameworks Preview 08:46

Content 17 lectures

Header (Navigational bar) Preview 12:05

Shopify Liquid Extensions Preview 01:25

Creating Custom Sections Preview 21:07

Displaying Products Inside a Collection Preview 17:14

Creating The Product Page Preview 17:31

Cart Page Preview 11:28

Custom Pages (About us & FAQs page) Preview 23:21

Collection Page Preview 06:08

Pagination Preview 05:53

Product Filters (Sorting) Preview 08:22

Blog Page Preview 18:29

Article Page Preview 19:28

Sidebar Preview 14:59

404 Page Preview 04:32

Footer Section Preview 19:53

Search Form Preview 07:22

Search Result Preview 16:26

Locales 1 lectures

Adding Translations Preview 08:37

Customers 7 lectures

Login & Register menus Preview 13:59

Login Page Preview 08:34

Registration Page Preview 03:36

Account Page Preview 12:20

Addresses Page Preview 31:43

Order Page Preview 13:10

Reset Password & Account Activation Page Preview 25:52

Next steps 1 lectures

What to do next? Preview 02:43

Bonus Lessons 4 lectures

Adding Translation Selector To Storefront Preview 21:47

Fixing Styles & Responsiveness (Optional) Preview 08:39

Displaying Payment Methods Icons Preview 04:51

Adding & Using Shopify Fonts With Schema Settings Preview 22:02

BONUS: AJAX API 6 lectures

Product API: Creating a product modal popups Preview 20:30

Cart API: Adding Products to the Cart Preview 27:49

Oops! We've got an error related to Bootstrap: Fixing The Illegal Invocation Preview 11:08

While I'm working on this course, I realized that we are getting an error so all of our JavaScript functions are no longer functioning. In this lesson, I will just go through these errors and fix our JavaScript file so our Shopify store will work once again.

Also, I apologize for the thunderstorm happening outdoors haha. That was truly unprofessional.

After this lesson, we'll get back to the API lessons. Also, sorry for the slow update :) I've been just working on other stuff.

But I do hope you are enjoying your time here.