How To Use The Shopify Section Rendering API for High End Theme Development (Full guide)

🚀 Take your Shopify developer skills to the next level: https://bosidevacademy.com/products/shopify-developer-course -------------------- ✉️ Weekly Shopify dev newsletter: https://bosidevacademy.com/pages/newsletter-signup -------------------- 💬 Social Links: LinkedIn: https://www.linkedin.com/in/bastian-fritsch-2353271a2 Discord: https://discord.gg/pR58EfYNTR -------------------- 🤓 Code from video: https://bosidevacademy.com/pages/videos-repository -------------------- 🔗 Video Links: Develop locally with Shopify CLI: https://www.youtube.com/watch?v=zeZTgOiU0LI&t Custom HTML Elements: https://www.youtube.com/watch?v=9vCfaO8p_YY Cart API Full Guide: https://www.youtube.com/watch?v=ufZFIoiBobE Shopify Section Rendering API: https://shopify.dev/docs/api/ajax/section-rendering -------------------- ⏱️ Timestamps 00:00 Intro 01:27 Section Rendering API Explained 03:30 Basic API Call 06:13 Render specific elements 07:39 Requesting multiple sections 09:38 Requesting single section 10:13 Statically/Dynamically rendered sections 12:41 Render page context 13:43 Locale-aware urls 14:53 Case 1: Collection pagination 22:54 Case 2: Collection filtering 26:51 Case 3: Product variant change 31:20 Bonus: Product quick view 35:11 Outro -------------------- Hey my Nerds! 🤓 In the last video I showed you how to rerender a cart drawer after a cart action. With this video we go deeper into rendering and rerendering sections while developing your Shopify theme. Welcome to the Shopify Section Rendering API! With this you can improve the performance of your theme and build some really cool features. This cant miss in your Shopify developer toolbox 😎 First im going to explain to you what the Section Rendering API is and how it works. Then I will show you how to apply the Section Rendering API and all of its capabilities in a basic example. After that we jump into real life examples! Rerender collection products after pagination/filtering and rerender variant information on a product page after a variant change. In the end we are going to build a cool quick view for every product in a collection page. If you have any questions about this topic, let me know! -------------------- #shopify #shopifythemedevelopment #shopifydeveloper #sectionrenderingapi #shopifydev #shopifydevtutorial #shopifytutorial #themedevelopment