Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Shopify theme development | Practical Training
Rating: 4.3 out of 5(41 ratings)
1,088 students
Created bySaad Saif
Last updated 5/2024
English

What you'll learn

  • Create test store using Shopify partners account
  • Shopify theme architecture: Study the structure and organization of Shopify themes, including templates, sections and layouts
  • Shopify Liquid Templating Language | Crash Course
  • Shopify Section Rendering API to refresh a section without page load
  • Shopify AJAX Cart API | Crash Course
  • Using Metafields and Metaobjects

Course content

3 sections13 lectures3h 2m total length
  • Create the development store with partners account2:16
  • Introduction to Shopify theme4:35
  • Customize Shopify themes | Sections, Blocks and their settings7:18
  • Shopify theme sections | Schema, code, input settings20:28
  • Specialized Input settings & Shopify section blocks5:09
  • Shopify theme templates7:58
  • Shopify theme layouts6:04
  • Create local environment with Github sync8:06

Requirements

  • You should know the basics of HTML, CSS and Javascript

Description

In this course, you will delve into the essentials of Shopify theme development. The curriculum covers a range of topics designed to equip you with the skills needed to create and customize Shopify themes effectively.

You will begin by exploring the Shopify theme architecture, and understanding how layouts, templates, and sections come together to form a cohesive theme. This foundational knowledge will enable you to structure your themes in a way that enhances both functionality and aesthetics.

Next, you will receive a crash course on the Liquid templating language, Shopify's unique language for dynamically rendering content. This segment will teach you how to use Liquid to create flexible and customizable themes that can adapt to various user inputs and settings.

The course also covers the Section Rendering API, which allows for the dynamic loading and updating of theme sections without requiring a full page reload. You will learn how to leverage this API to enhance the user experience with faster and more interactive pages.

Additionally, you will work with the AJAX Cart API, enabling you to create seamless and efficient shopping experiences. This includes adding items to the cart, updating quantities, and more, all without disrupting the user’s browsing.

Finally, you will learn to use Metaobjects and Metafields to extend the functionality of your themes, allowing for greater customization and data management.

With a basic understanding of HTML, CSS, and JavaScript, you will find it straightforward to pick up Shopify theme development and start creating impressive, functional themes.

Who this course is for:

  • Frontend develpers who want to learn Shopif theme development