Mô tả

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.

Bạn sẽ học được gì

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

Yêu cầu

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

Nội dung khoá học

11 sections

Introduction

1 lectures
Introduction
01:09

Getting Started

4 lectures
Installing ThemeKit
05:13
Creating Development Stores
00:33
Creating Passwords using Theme Kit Access
03:01
Creating The Project
06:22

Theme / Asset Files

2 lectures
The Theme Files & The Setting Schema
08:32
Installing CSS Frameworks
08:46

Content

17 lectures
Header (Navigational bar)
12:05
Shopify Liquid Extensions
01:25
Creating Custom Sections
21:07
Displaying Products Inside a Collection
17:14
Creating The Product Page
17:31
Cart Page
11:28
Custom Pages (About us & FAQs page)
23:21
Collection Page
06:08
Pagination
05:53
Product Filters (Sorting)
08:22
Blog Page
18:29
Article Page
19:28
Sidebar
14:59
404 Page
04:32
Footer Section
19:53
Search Form
07:22
Search Result
16:26

Locales

1 lectures
Adding Translations
08:37

Customers

7 lectures
Login & Register menus
13:59
Login Page
08:34
Registration Page
03:36
Account Page
12:20
Addresses Page
31:43
Order Page
13:10
Reset Password & Account Activation Page
25:52

Next steps

1 lectures
What to do next?
02:43

Bonus Lessons

4 lectures
Adding Translation Selector To Storefront
21:47
Fixing Styles & Responsiveness (Optional)
08:39
Displaying Payment Methods Icons
04:51
Adding & Using Shopify Fonts With Schema Settings
22:02

BONUS: AJAX API

6 lectures
Product API: Creating a product modal popups
20:30
Cart API: Adding Products to the Cart
27:49
Oops! We've got an error related to Bootstrap: Fixing The Illegal Invocation
11:08
Cart API: Getting Products From the Cart
21:04
Product Recommendation API: Recommending Products in Products Page
12:29
Predictive Search API
21:08

GitHub Repository

1 lectures
Leena
00:05

ONLINE STORE 2.0

15 lectures
Introducing Online Store 2.0
15:22
Updating ThemeKit
01:25
404 Page (JSON Template)
04:41
Article Page (JSON Template)
17:37
How JSON Template Works
02:43
Fixing Sidebar Issue
11:37
Blog Page (JSON Template)
12:38
Cart Page (JSON Template)
13:51
Collection Page (JSON Template)
04:57
Index / Homepage (JSON Template)
16:26
List Collections Page (JSON Template)
14:12
Contact Page (JSON Template)
16:43
FAQ Page (JSON Template)
08:25
Default Page (JSON Template)
10:06
Product Page (JSON Template)
20:17

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.