When the App Clip was introduced in iOS 14, we immediately realized that it was something that could be a big opportunity for the Shop app. Due to the App Clip design, being a lightweight version of an app that you can download on the fly, we wanted to investigate what it could mean for us. Being able to instantly show users the power of the Shop app, without having to download it from the App Store and go through the onboarding was something we thought could have a huge growth potential.
Learn Liquid Programming and 10x your career as a Shopify developer.
Understand how Liquid works and what it can do.
Using iteration tags in theme development is pretty much a necessity when creating a Shopify theme that will showcase multiple products (which is definitely most cases). We'll generally use the for loop to display each product from a shop or collection on the page. This is great for just placing the products on the page, but doesn't give a lot of options if you want to set up more complicated html markup and/or varying css classes.
In this video, I'll share with you a hack I learned in order to asynchronously load collection data by appending ?view= to collection urls and using the layout none tag.
By the end, you'll understand how to essentially create your own AJAX Collection API within Shopify!
Follow along with Ania as she builds a custom Shopify Storefront using Hydrogen ( a React-based framework).