Liquid Weekly #46 -  Web Components in Dawn

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.

Changelog

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

Events

Nothing on the radar

Jobs

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!

 

Older messages

Liquid Weekly #45 -  Deeper design for next-level products 

Tuesday, July 12, 2022

Improve your product design to take things to the next-level Shopify Development news and articles Issue #45 - 7/12/2022 Read Online Liquid Weekly News & Articles Shopify Website Design: Examples,

Liquid Weekly #44 - Shopify Editions Videos

Tuesday, June 28, 2022

Catch up on all the news from Shopify Editions last week Shopify Development news and articles Issue #44 - 6/28/2022 Read Online Liquid Weekly Karl Says We're kicking this issue off with a series

Liquid Weekly #43 - Building a Form with Polaris

Tuesday, June 21, 2022

Learn how to build a form using Polaris and much more! Shopify Development news and articles Issue #43 - 6/21/2022 Read Online Liquid Weekly Karl Says Summer Survey 2022!☀️⛱🍉 Nothing says summer like a

Liquid Weekly #42 - How To Build A Theme From Scratch

Tuesday, June 14, 2022

Learn all about the process for building a theme from scratch Shopify Development news and articles Issue #42 - 6/14/2022 Read Online Liquid Weekly News & Articles How To Build A Theme From Scratch

Liquid Weekly #41 Migrating a theme to Online Store 2.0

Tuesday, June 7, 2022

Learn how to migrate a theme to Online Store 2.0 Shopify Development news and articles Issue #41 - 6/7/2022 Read Online Liquid Weekly News & Articles Lessons learned: Migrating a theme to Online

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your