4.75
(4 Ratings)

Shopify Theme Development: Online Store 2.0 + TailwindCSS

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

About Course

Shopify just recently updated their Shopify online experience which they call “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 using Shopify CLI 3.0
  2. Using TailwindCSS to design a Shopify theme
    • Create navigational bar
    • Create collection page
    • Create product page
    • Create customer page
    • Create cart page
    • and more!
  3. Online Store 2.0 (JSON Templates)
  4. Shopify CLI
  5. Shopify GitHub Integration
  6. Project management
  7. Schema Settings
  8. Search Engine Optimization (SEO) for pages like articles, products, etc.
  9. Liquid language (Referencing asset files, loops, conditional statements, Shopify objects, filters, and many more)
  10. Customer Templates

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

Changelog

February 24, 2022

  • Updated/added new lesson(s)
  • Updated course description

February 19, 2022

  • Updated/added new lesson(s)
  • Removed deprecated lesson(s)
  • Edited course description
  • Added new resource(s)
  • Updated metadatas

January 25, 2022

  • Updated/created new lesson(s)
  • Removed deprecated lesson(s)
  • Added new resource(s)

December 03, 2022

  • Updated/created new lesson(s) for Shopify CLI 3.0
  • Updated course description
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

Theme Project Management

JSON Templates

Customer

Shopify CLI, Theme Check, AlpinJS & TailwindCSS
This chapter is for the technical issue(s) of Shopify Theme Development. Errors and solutions related to making Shopify themes will be found here.

3D Models

Student Ratings & Reviews

4.8
Total 4 Ratings
5
3 Ratings
4
1 Rating
3
0 Rating
2
0 Rating
1
0 Rating
PixelPioneer
12 months ago
Ok, first off, I bbought this course along with the Liquid programming course Bernard has and I would say that before taking this BIG course, you should definitely take the liquid course first because some of the objects or tags in this theme development won't be explained thoroughly. As a software eng. myself, it was much easier for me to grasp what bernard was saying so if you're new to programming, learn liquid first. Overall, I like the course :D
webdevrhere
2 years ago
Such a helpful course. The course covers a wide range of topics related to Shopify theme development which I really like compared to other courses. The only thing I don't like is the fact that the lessons are a bit unorganized but it is still followable. I talked to Bernard about this and he promised to update it and I think he's doing it. I'll write another review once I finish the course. :)
W
2 years ago
Just starting this course. I have also purdchased his course at udemy and I noticed there is a bunch of differences between them. I appreciate that. That means if you pruchase the course here, you still get something. I also appreciate the updates he do in his courses. Thanks bernard, looking forward for more!
S
2 years ago
Amazing course! I'm completly new to shopify development and this course taught me the basics of liquid and shopify themes sctructures. Cannot wait for more of your lessons Bernard! Thank you!

Want to receive push notifications for all major on-site activities?