Liquid Weekly #20 - Shopify App Store Changes

Keep up with the new changes coming to app discovery in the app store 
Shopify Development news and articles
 
Liquid Weekly

Karl Says


Now that you're all caught up on emails it's time to hit 2022 in stride with this week's batch of articles.

News & Articles

Capturing Every Change From Shopify’s Sharded Monolith
Shopify's business requirements necessitated faster data ingest with low-latency query response times. Read how they solved this interesting big data problem through building the dedicated Merchant Analytics Platform.
How we’re improving discoverability on the Shopify App Store
App developers know just how critical it is for their apps to be discovered on the app store. This year Shopify has chosen to focus on making the Shopify App Store the simplest, safest, and most personalized it’s ever been. Read about the upcoming changes.
My First Impressions of web3
I'll be honest, I haven't been motivated to learn much about crypto and "web3". Looks like I'm not the only one! Moxie Marlinespike, founder of Signal, shares his thoughts on his first impression of web3.
Making Slate work with M1 Mac
With the release of new Apple silicon chips this new architecture has lead to some issues with Slate failing on M1 Macs. However since Slate is no longer supported by Shopify it is unlikely we'll see an official fix. Follow this guide to fix the issue.
How to Display Images using Shopify Metafields in Your Store
After the Online Store 2.0 launch, Shopify merchants have a built-in metafields feature in their store. This guide is to help you how to use Shopify metafields to display images in your store.

Code & Tools

Live reloading for Hotwire Rails apps
Working on embedded Shopify Rails apps can be a pain. In order to see changes you need to reload the parent page + iframe together which can take several seconds. Luckily Kirill Platonov has created a new gem to solve this pain point - check it out!
Upload Files with the Shopify GraphQL API
Here's a gist from Celso White showing a great solution to a tricky problem - uploading files using the Shopify GraphQL API. Celso is a web developer who works with creatives, non-profits and e-commerce brands to tell their stories online. He specializes in creating custom Shopify sites and javascript apps. Check out his app, Otto, which automates theme image updates!
Netlify Drop
Drag and drop a folder with your site’s HTML, CSS, and JS files. We’ll publish them live and give you a link to share it.
New release of the Shopify_App Gem for Rails
After a long hiatus the foundational gem for building a Shopify app in rails is getting some love with release 18.0.3 which addresses some issues with AppBridge 2.0 among other things.
Problem with Making a Cart Form Field Mandatory
Have you ever had trouble requiring a form field for submission? We've all been there and it's easy to get tripped up. Follow lbmedia1's journey of self discovery in the Shopify community forum where he posits and answers the question to his own dilemma.

Changelog

Admin

Metafields now available on Orders, Collections and Customers
You can now add metafield definitions to Orders, Collections and Customers directly from your Shopify admin. Previously, this was only available on Products and Variants. Metafields allow you to attach unique pieces of information to all parts of your store, which allow you to store and display information efficiently.

Platform

Updates to our API License and Terms & Partner Program Agreement
We've made changes to our API License and Terms of Use and our Partner Program Agreement. These changes impact how Shopify Partners and developers interact with the Shopify platform, and offer products or services to merchants.

Shopify App Store

New Regulatory operating fee field in the Partner payout and app earnings CSV
On January 5, 2022, we will add a Regulatory operating fee field to the Partner payout and app earnings CSV. This field will help app and theme developers understand the calculation of the Regulatory Operating Fee introduced in the Partner Program Agreement update. It represents the amount deducted from your app and theme charges to merchants based on the applicable merchant business address.

Jobs

Affiliate Manager, Remote, Canada
Rewind is looking for an affiliate manager who will lead and oversee the Affiliate media channel. Your role is to own the performance of this channel and ensure that business strategies, plans, and initiatives are executed.
Front-End, Freelance
Aaron is looking for 2 contractor/freelance front-end developers for projects starting in 2022. He's looking to create a small tight knit team to focus on theme development. React experience is a huge plus.
Senior Front-end Shopify Developer
Series Eight is hiring a Senior Front-end Shopify Developer. Preferred Locations: EU / UK / RSA

Tip of the Week


How to display compare_price on cart page for each cart item

Have you ever needed to display the compare_at price for each cart item?

Unfortunately as you've probably discovered this field isn't included in the /cart.json response

Here's an easy approach to retrieve the data for each cart item and displaying it with Liquid

fetch('/cart.js').then(data => data.json())
  .then((cart) => {
    cart.items.forEach((item) => {
      fetch(`/variants/${item.id}.json`).then(data => data.json())
        .then((data) => {
          const variant = data.product_variant;
          console.log(variant, variant.compare_at_price);
          // ... do whatever you need to do with compare at price here
        })
    })
  })

Thanks to Sam Webb for this week's tip.

 

Older messages

Liquid Weekly #21 - More on Metafields

Friday, January 21, 2022

Shopify Development Articles and Code Shopify Development news and articles Issue #21 - 1/18/2022 Read Online Liquid Weekly News & Articles Rails 7.0: Fulfilling a vision Rails is a great framework

You Might Also Like

Overcoming Perfectionism: How to Break Free from the Enemy of Progress

Wednesday, November 27, 2024

Discover how perfectionism hinders progress and learn practical strategies to overcome the fear of imperfection, boost productivity, and achieve your goals without getting stuck in the pursuit of

🖤 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