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

SWLW #595: My role as a founder CTO, AI Product Management, and more.

Friday, April 19, 2024

Weekly articles & videos about people, culture and leadership: everything you need to design the org that makes the product. A weekly newsletter by Oren Ellenbogen with the best content I found

The bill to ban TikTok is barreling ahead

Friday, April 19, 2024

The Morning After It's Friday, April 19, 2024. The bill that could ban TikTok in the United States inches closer to becoming law. The legislation passed the House of Representatives last month,

Digest #134: TDD with Serverless, Terraform AI Conversions, K8s Cost Metrics & OpenTofu Response

Friday, April 19, 2024

Learn to convert Terraform templates, deploy SSR on AWS Amplify, and apply TDD to Serverless. Gain insights on PostgreSQL, microfrontends, and secure APIs. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Akira Ransomware Gang Extorts $42 Million; Now Targets Linux Servers

Friday, April 19, 2024

THN Daily Updates Newsletter cover Webinar -- The Future of Threat Hunting Is Powered by Generative AI From Data to Defense: Step Into the Next Era of Cybersecurity with CensysGPT Download Now

ASP.NET Core News - 04/19/2024

Friday, April 19, 2024

View this email in your browser Get ready for this weeks best blog posts about ASP.NET Core! This newsletter is sponsored by elmah.io - the most advanced, yet so simple to set up, error logging and

Post from Syncfusion Blogs on 04/19/2024

Friday, April 19, 2024

New blogs from Syncfusion Syncfusion Prepares for MS Build 2024 with Cloud-Ready Solutions on Azure Marketplace By gingerr Syncfusion offers cloud-ready solutions in Azure Marketplace for MS Build 2024

Hacker Newsletter #696

Friday, April 19, 2024

The greatest value of a picture is when it forces us to notice what we never expected to see. //John W. Tukey hackernewsletter Issue #696 // 2024-04-19 // View in your browser #Favorites Unlock your

Google's massive reorg 🧑‍🤝‍🧑, Meta's Llama 3 launch 🤖, China bans WhatsApp 💬

Friday, April 19, 2024

Google has reorganized its Android, Chrome, and Google hardware divisions Sign Up |Advertise|View Online TLDR TLDR 2024-04-19 📱 Big Tech & Startups Meta's battle with ChatGPT begins now (5

Is your Notes app completely disorganized?

Friday, April 19, 2024

Hi there, Is your Notes app completely disorganized? In a recent survey we found that 77% of our readers would like to learn how to better organize the notes on their iPhone. That's why we're

Data Science Weekly - Issue 543

Friday, April 19, 2024

Curated news, articles and jobs related to Data Science, AI, & Machine Learning ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏