SuperHi FM

Search:

Catalog Cart About Sign in

Shopify Theme Development

Fitra

Chapter 01

Fitra

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome and Week Overview

Lesson 02

Why Shopify?

Lesson 03

Setting Up First Store

Lesson 04

Creating our first theme

Lesson 05

Exploring our Design and Technical Blueprint

Lesson 06

Setting up our first product

Lesson 07

Beginning Development

Lesson 08

Getting Product Data

Lesson 09

Outputting Product Data and hooking up the Cart Form

Lesson 10

Marking up Index.liquid

Lesson 11

Matching the Add to Cart form to our Designs

Lesson 12

Using Locales and Translations for static text

Lesson 13

Marking up the Cart Button

Lesson 14

Exploring the Cart

Lesson 15

Marking Up The Cart Page

Lesson 16

Marking up the Empty Cart state

Lesson 17

Introduction to Stylesheets

Lesson 18

Saving Sass Variables and Base Styles

Lesson 19

Basic Homepage Styling

Lesson 20

Homepage Grid Layouts

Lesson 21

Styling the Image Area

Lesson 22

Styling the Info Area

Lesson 23

Tightening up the homepage

Lesson 24

Styling the Cart Icon

Lesson 25

Styling the Empty Cart

Lesson 26

Styling the Filled Cart

Lesson 27

Changing the Product Image with JavaScript

Lesson 28

Creating the 404 page and pointing unstyled templates to it

Lesson 29

Adding Webfonts

Lesson 30

Responsive Design Homework

Lesson 31

Week 1 + Project Summary

SuperHi FM

Want some ambient music in the background? Play our radio station!

Wellby

Next: Chapter 02

Wellby

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2025 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

In the first week of the course, we’ll talk about how to make Fitra, a store that sells just one single product, a smart watch.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes