Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
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,089 students

Shopify theme development | Practical Training

Shopify theme architecture, liquid language course, AJAX cart API, Section rendering API, metaobjects and metafields
Created bySaad Saif
Last updated 5/2024
English
English [Auto],

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 sections • 13 lectures • 3h 2m total length

  • Create the development store with partners account2:16

    Create a development store with a Shopify partners account, enable unlimited development stores, test with the latest build, transfer ownership to clients, and earn commissions on client payments.

  • Introduction to Shopify theme4:35

    See how Shopify themes control the front end of an online store—from home and category pages to product pages and cart behavior—with live theme switching from test data to Dawn.

  • Customize Shopify themes | Sections, Blocks and their settings7:18

    Explore the Shopify theme customizer to manage sections, blocks, and settings across pages, customize headers, footers, templates, and typography, and extend or create new sections and blocks.

  • Shopify theme sections | Schema, code, input settings20:28

    Explore how Shopify theme sections function as reusable liquid modules, with blocks, a schema, and merchant-customizable options that control layout, styling, and translations via locales.

  • Specialized Input settings & Shopify section blocks5:09

    Explore specialized and basic input settings in Shopify theme sections, including color schemes and blocks, and see how headings, captions, text, and buttons render in liquid.

  • Shopify theme templates7:58

    Learn how Shopify theme templates use json files in the templates folder to build home, product, and collection pages with sections like image banner, featured collection, and rich text.

  • Shopify theme layouts6:04

    Explore how Shopify theme layouts act as the rendering base, with theme.liquid as the default, and customize per-template content using header, footer, and JSON templates.

  • Create local environment with Github sync8:06

    Set up a local Shopify theme development environment using Shopify CLI, pull and customize a theme, connect a private GitHub repository, and sync changes from the store to GitHub.

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

Report abuse