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

🖤 Laravel Black Friday Deals!

Wednesday, November 27, 2024

The biggest deals of the year Laravel Black Friday Deals View in browser Laravel News Editor Note: We are sending this outside the regular Sunday newsletter schedule because some of these specials end

BetterDev #271 - Memory: The Forgotten History and Why did Windows 95 setup use three operating systems?

Wednesday, November 27, 2024

Better Dev #271 Nov 26, 2024 Hi all, Welcome to thanksgiving issue of BetterDev. Hope everyone had a safe and warm thanksgiving. It's getting so cold these days. If you are in warzone such as

Mapped | Unemployment Rate By U.S. State in 2024 💼

Tuesday, November 26, 2024

As of October 2024, DC and Nevada tied for the highest unemployment rate in the US at 5.7%. Which states saw the lowest rates? View Online | Subscribe | Download Our App FINAL CHANCE - ENDS TONIGHT!

🔊 7 DIY Tips for Soundproofing a Room — Why I Switched to Xfce for Linux Mint

Tuesday, November 26, 2024

Also: Home Theater Sound Terms Explained, and More! How-To Geek Logo November 26, 2024 Did You Know The shiny layer of a CD doesn't contain the data; the plastic polycarbonate layer does. The shiny

JSK Daily for Nov 26, 2024

Tuesday, November 26, 2024

JSK Daily for Nov 26, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted

NumPy, Loop Targets, Vector Animation, and More

Tuesday, November 26, 2024

NumPy Practical Examples: Useful Techniques #657 – NOVEMBER 26, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo NumPy Practical Examples: Useful Techniques In this tutorial, you'll learn how to

Your Games Quarterly newsletter has arrived

Tuesday, November 26, 2024

What's new for games in Google Play and Android Email not displaying correctly? View it online November 2024 The First Developer Preview of Android 16 The First Developer Preview of Android 16

Daily Coding Problem: Problem #1620 [Hard]

Tuesday, November 26, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Dropbox. Sudoku is a puzzle where you're given a partially-filled 9 by 9 grid with

Final Hours: Help Save "The Art of Data" From Falling Short 🙏

Tuesday, November 26, 2024

Will Visual Capitalist end up revealing the secrets behind data storytelling? There are 12 hours left to change the fate of "The Art of Data". View Online | Subscribe | Download Our App Help

Spyglass Dispatch: Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer

Tuesday, November 26, 2024

Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer The Spyglass Dispatch is a free newsletter sent out