Enjoy a quick introduction to web components in the Dawn theme 
Shopify Development news and articles
Liquid Weekly

News & Articles

Shopify Developer: How to Verify If You Have a Good One
Do you have an online store on Shopify? Do you want to optimize its performance? Then you probably already suspect that getting a Shopify developer might be a good idea.
Move Collection Description to Above or Below Products - Dawn Theme
In Dawn and all the other free Shopify 2.0 themes, there isn’t any built-in way to add the collection description below the product grid section. But luckily it’s easy to output the collection description using the custom liquid section, and then we can split it, by using the split liquid filter.
Understanding Web Components in Dawn
In the Debut theme, there was just one Javascript file. It took this object-oriented approach to organizing theme code with functionality split up by section, each section created as an instance on the theme.Sections object. But the ‘Dawn’ theme’s Javascript is arranged into Web Components. In this video, I wanna give a quick introduction to web components in the Dawn theme.
Deploy extensions in a CD pipeline
In this tutorial, you'll learn how to set up your CI/CD pipeline to deploy your app extensions programmatically. To do so, you'll gather the information necessary to run the CLI commands, and then add a step to your CI/CD pipeline that installs the Shopify CLI and pushes your app extension to Shopify.
Upgrading MySQL at Shopify
In early September 2021, we retired our last Shopify database virtual machine (VM) that was running Percona Server 5.7.21, marking the complete cutover to 5.7.32. In this post, I’ll share how the Database Platform team performed the most recent MySQL upgrade at Shopify. I’ll talk about some of the roadblocks we encountered during rollback testing, the internal tooling that we built out to aid upgrading and scaling our fleet in general, and our guidelines for approaching upgrades going forward, which we hope will be useful for the rest of the community.
Wanna look ridiculously good to your clients?
Instantly add advanced SEO features to your clients’ Shopify stores with JSON-LD for SEO. Our premium software is the safest and most effective way to qualify for search enhancements. Your clients’ stores can:
‼️ Add structured data for products, blogs, pages, and homepages
⭐ Qualify for Rich Results (most stores see results within 34 days) 
🔥 Receive white-glove support for all their burning questions
💅 Be up and running in under 2 minutes (yep, it’s really that fast)
All with no setup and with full flexibility to edit the theme and products. Be the hero your Shopify clients needs and get a free structured data audit today.

Code & Tools

How to use Github with Shopify (Online Store 2.0)
Learn how to automatically synchronize shopify themes with branches in git repos using the new github integration
FlexSlider and the product page of the Shopify Narrative theme
There is the very useful and nicely written Medium post Customize the product page of the Narrative theme in Shopify by pherakan where he also addresses how to integrate FlexSlider into a Shopify product page. I tried to follow his advice but ran into some problems which are the result of updates on the Narrative theme in the course of the last years. So here I would like to share what I found to work.
React Server Components Best Practices You Can Use with Hydrogen
In this post, I’m going to dive into the patterns and best practices for RSC that both myself and my team learned while building Hydrogen. My goal is to increase your understanding of how to approach writing components in an RSC application and cut down your trial-and-error time. Let’s go!
Liquid Variables, assignments, and naming conventions
Variables are a way to save data. The way it is done in Liquid is to use the "assign" tag between these braces and percent signs. Follow along as Joe discusses using variables in Liquid.


There is nothing new under the sun. At least, not this week.


Nothing on the radar


Front-End and Full Stack, FT, Canada
Heather Tovey at iamota is hiring two new Canada-based team members for the iamota dev team: Front-End and Junior Full-Stack. Come work with me!
Enavi - Full Stack Shopify App Developer, US Remote
Become part of a small growing Shopify development and CRO agency. If you are looking for an opportunity to learn, collaborate, and create solutions you've found the right job. We are looking for a Full Stack Shopify App Developer who will be responsible for working with custom apps. The first project you will be working on is a custom subscription app
Maestrooo - Support specialist (junior position, remote)
Maestrooo is the leading Theme company on Shopify. Our themes are used by tens of thousands of merchants every year, ranging from bootstrappers to large companies, who take advantage of our beautiful design, stable code, and outstanding support. In order to cope with the constantly increasing support load, we are looking for a new support staff member who will help us to grow in a sane way.

Tip of the Week

Remove Multiple Strings from a String in Liquid

Sometimes you need to scrub a list of words from a string in Liquid

Luckily Michael Silber shows an easy way to do this with a loop and the remove filter

﹛%- assign strings_to_remove = ‘Team - ,Athlete - ‘ | split: ‘,’ -%﹜
﹛% for string_to_remove in strings_to_remove %﹜
  ﹛﹛ block.settings.collection.title | remove: string_to_remove ﹜﹜
﹛% endfor %﹜                                       

Thanks Michael!