4.45 out of 5
4.45
194 reviews on Udemy

Build a Shopify Theme From Scratch

Learn how to create themes in Shopify
Instructor:
Jay Lee
843 students enrolled
English [Auto-generated]
Build a Shopify Theme from scratch
Customize existing Shopify theme

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

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 be using Shopify’s Theme Kit to do our development and get it pushed up to your store. After going through this course, you’ll be able to understand Shopify’s framework and create your own theme.

The beautiful design we’ll be using to convert HTML to Shopify is Aviato from Themefisher.

Introduction

1
Introduction

Explanation of what this course is going to cover and what it's not going to cover. This is a strictly theme-focused course. We will not be going over how to use Shopify itself, just how to theme it.

2
What We're Building

Showing the finished Shopify store.

Setup Development Tools

1
Setting Up Your Environment
2
Download Files

Download the files provided in this lecture.

fashion-theme.zip: the theme file you'll upload to Shopify
fashion-html-template.zip: contains the HTML/CSS/JS markup that'll we'll be implementing
products_export.csv: upload this file to create the products we'll be using as our data throughout the course

3
Collection and Navigation
4
Products and Theme Setup
5
Test Theme Kit to Ensure it Works
6
Add Styling and JavaScript Libraries

Header and Menu

1
Add Header
2
Add Menu
3
Menu Schema

Snippets and Templates

1
Page Snippet Parameter
2
About Page Template
3
Contact Page Info
4
Contact Form

Finish Up Homepage

1
Homepage Carousel
2
Homepage Product Banners
3
Homepage Products
4
Footer
5
Footer Blocks

Collection and Product Pages

1
Collection Page
2
Collection Page Accordion
3
Product Page
4
Variant Dropdowns
5
Product Variants
6
Cart Page
7
Product Description

Cart and Wrap Up

1
Add Cart Button
2
Header Links
3
Conclusion

Finished files are provided in the downloadable materials of this lecture.

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.5
4.5 out of 5
194 Ratings

Detailed Rating

Stars 5
123
Stars 4
48
Stars 3
20
Stars 2
2
Stars 1
1
ab55d9c7b58ec20179eaa135b27521a3
30-Day Money-Back Guarantee

Includes

3 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion