Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Building Shopify Themes From Scratch
Introduction
Introduction (2:30)
Pre-requistics (0:58)
Getting Started
What is Shopify (1:28)
Five things you need to know about shopify (1:05)
Liquid (2:27)
Templates (1:25)
Objects (1:36)
Filters (1:16)
Logic (2:02)
Theme-Liquid (1:56)
The Setup
Becoming a Partner with Shopify (3:24)
Creating a Developer Setup (1:33)
Uploading a Skeleton theme (2:22)
Uploading products CSV file for custom manupulation (2:07)
Using the online and offline editiors (3:44)
Starting from scratch
Working with Theme.liquid File (1:06)
Referencing stylesheets via output tag (3:51)
Adding and referencing script tag (2:10)
Setting up the HTML markup (7:54)
Designing with CSS (8:00)
Displaying and Designing products
Index.Liquid Manupulation (3:33)
Displaying Products on Homepage PArt 1 (0:59)
Displaying Product in Homepage Part 2 (6:35)
Designing Products with CSS (3:45)
Creating collection of products
Collection.liquid Manipulation part 1 (4:00)
Collection.liquid Manipulation Part 2 (0:55)
Adding pagination to collection products (2:20)
Adding contents dynamically to pages
Adding contents dynamically to pages (2:13)
Creating a 404 page (3:00)
Evaluating Product Images, Descriptions and More
Adding Initial Markup and Outputting Image (4:38)
Designing Product.liquid with CSS (4:34)
Adding descriptions with Sprinkling CSS and Purchase price option (5:54)
What is SelectCallback Function (1:15)
Adding SelectCallBack Function (4:38)
Adding Next and Previous Options to Products (4:28)
Setting Up a Cart System for users
Setting up a skeleton for Cart.liquid file (2:20)
Adding tables and looping through product utems (5:45)
Adding the update and checkout buttons (2:22)
Adding cart items to toolbar designing with CSS (3:27)
Creating customer accounts
Setting up the environment for customer accounts (5:06)
Integrating customer accounts in the theme (5:55)
Demonstarting customer accounts usage (6:26)
Theme settings
Introduction to theme settings (3:13)
Providing logo upload setting (3:15)
Adding logo to store frontend header (1:34)
Wrap-Up (1:18)
Exercise File
File
Teach online with
Uploading products CSV file for custom manupulation
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock