4.37 out of 5
4.37
517 reviews on Udemy

Shopify Theme Development: Create Shopify Themes [2022]

Learn how to create Shopify themes using ThemeKit and how to use Liquid programming for customizing Shopify themes
Instructor:
Bernard Polidario
3,425 students enrolled
English [Auto]
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

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:

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

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

 

FAQs

  1. 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!

     

  2. 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.

Introduction

1
Introduction

Getting Started

1
Installing ThemeKit
2
Creating Development Stores
3
Creating API Keys & Passwords
4
UPDATE! Creating Passwords using Theme Kit Access
5
Creating The Project
6
Request Failed After 5 Retries with Error: ?

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

Theme / Asset Files

1
The Theme Files & The Setting Schema
2
Installing CSS Frameworks

Content

1
Header (Navigational bar)
2
Shopify Liquid Extensions
3
Creating Custom Sections
4
Displaying Products Inside a Collection
5
Creating The Product Page
6
Cart Page
7
Custom Pages (About us & FAQs page)
8
Collection Page
9
Pagination
10
Product Filters (Sorting)
11
Blog Page
12
Article Page
13
Sidebar
14
404 Page
15
Footer Section
16
Search Form
17
Search Result

Locales

1
Adding Translations

Customers

1
Login & Register menus
2
Login Page
3
Registration Page
4
Account Page
5
Addresses Page
6
Order Page
7
Reset Password & Account Activation Page

Next steps

1
What to do next?

Bonus Lessons

1
Adding Translation Selector To Storefront
2
Fixing Styles & Responsiveness (Optional)
3
Displaying Payment Methods Icons
4
Adding & Using Shopify Fonts With Schema Settings

BONUS: AJAX API

1
Product API: Creating a product modal popups
2
Cart API: Adding Products to the Cart
3
Oops! We've got an error related to Bootstrap: Fixing The Illegal Invocation

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.

4
Cart API: Getting Products From the Cart
5
Product Recommendation API: Recommending Products in Products Page
6
Predictive Search API

GitHub Repository

1
Leena

ONLINE STORE 2.0

1
Introducing Online Store 2.0
2
Updating ThemeKit
3
404 Page (JSON Template)
4
Article Page (JSON Template)
5
How JSON Template Works
6
Fixing Sidebar Issue
7
Blog Page (JSON Template)
8
Cart Page (JSON Template)
9
Collection Page (JSON Template)
10
Index / Homepage (JSON Template)
11
List Collections Page (JSON Template)
12
Contact Page (JSON Template)
13
FAQ Page (JSON Template)
14
Default Page (JSON Template)
15
Product Page (JSON Template)
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.4
4.4 out of 5
517 Ratings

Detailed Rating

Stars 5
306
Stars 4
142
Stars 3
41
Stars 2
14
Stars 1
14
04f45dea1742d6a8feda5a140b18f71d
30-Day Money-Back Guarantee

Includes

12 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion