Shopify Theme Development: Online Store 2.0 + TailwindCSS

Categories: Web Development
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

hopify just recently updated their Shopify online experience and now they call it “Online Store 2.0”.

With this update, Shopify merchants can now customize their entire online store using sections & blocks. This opened a lot of doors not just for Shopify app developers but also for Shopify theme developers because now, you can add cool sections and blocks to the most commonly used pages like products page, collections page, blog page, etc.

If you’re a Shopify theme developer and you don’t know yet how to create a Shopify theme for Online Store 2.0, then this is the best time to learn because Shopify is now accepting Shopify themes to be listed on their Shopify Theme Store!

This means you can make money by selling your Shopify themes! So are you interested to learn more?

In this course, we’re going to learn how to create a Shopify theme for Online Store 2.0 using Shopify CLI with the help of TailwindCSS to design a cool online store.

In this course you will learn:

  1. How to set up your development store
  2. Using TailwindCSS to design a Shopify theme
  3. Online Store 2.0 (JSON Templates)
  4. Shopify CLI
  5. Schema Settings
  6. Search Engine Optimization (SEO) for pages like articles, products, etc.
  7. Liquid language (Referencing asset files, loops, conditional statements, Shopify objects, filters, and many more)
  8. Customer Templates

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

Changelog

June 22, 2022

  • Fixed course/lesson video player bug

June 09, 2022

  • Added/Updated lessons
  • Added resources

May 15, 2022

  • Added/Updated lessons
  • Added/Updated resources/links

April 29, 2022

  • Added/Updated lessons in Bonus lessons chapter
  • Updated resources/links

February 25, 2022

  • Created a chapter “Bonus lessons”
  • Added/Updated lessons in Bonus lessons chapter
Show More

What Will You Learn?

  • Learn about the new Online Store 2.0 and the new theme architecture of Shopify
  • Learn how to use Shopify CLI for theme development
  • Liquid Programming (Tags, Objects, & Filters)
  • Shopify Theme Development
  • How to use TailwindCSS in Shopify Theme Development

Course Content

Introduction

  • Welcome To The Course!
    01:10
  • What is Online Store 2.0?
    03:59
  • What is Shopify Liquid?
    08:43

Setting up your partners account

Installing Local Development Tools

Getting Started

Creating a Responsive Navigational Bar

JSON Templates

Customer

Bonus Lessons

3D Models

Student Ratings & Reviews

No Review Yet
No Review Yet