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

GCP Newsletter #433

Monday, January 13, 2025

Welcome to issue #433 January 13th, 2025 News Official Blog Vertex AI Introducing Vertex AI RAG Engine: Scale your Vertex AI RAG pipeline with confidence - Vertex AI RAG Engine is a fully managed

Spyglass Dispatch: It's Political & Personal

Monday, January 13, 2025

On Meta's Moderation Changes • Inside DOGE • Zuck Slams Apple (Again) • Apple's Muted 2025 • CES 2025 Recap The Spyglass Dispatch is a newsletter sent on weekdays featuring links and commentary

$200 to invest today... (USA Only)

Monday, January 13, 2025

Join me in investing in blue chip art on Masterworks, and you will receive $200 to invest on the platform. Not kidding. Founder interview coming soon! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Sequence Knowledge #468: A New Series About RAG

Monday, January 13, 2025

Exploring key concepts of one of the most popular methods in generative AI solutions. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

How a Kafka-Like Producer Writes to Disk

Monday, January 13, 2025

We take a Kafka client, call the producer, send the message, and boom, expect it to be delivered on the other end. And that's actually how it goes. But wouldn't it be nice to understand better

FAQs: The AI Consultancy Project

Monday, January 13, 2025

This is how we'll help you become an AI Consultant ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

⚡ THN Weekly Recap: Top Cybersecurity Threats, Tools and Tips [13 Jan]

Monday, January 13, 2025

Your one-stop-source for last week's top cybersecurity headlines. The Hacker News Cybersecurity Recap The cyber world's been buzzing this week, and it's all about staying ahead of the bad

My 3 must-buy CES 2025 gadgets

Monday, January 13, 2025

Alarming iPhone bug; Router-based VPN; 90-second vision test -- ZDNET ZDNET Tech Today - US January 13, 2025 Mcon magsafe phone controller Three CES 2025 products I'd buy as soon as they'd take

⚙️ Meta's copyright struggles

Monday, January 13, 2025

Plus: Achieving data center efficiency ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Post from Syncfusion Blogs on 01/13/2025

Monday, January 13, 2025

New blogs from Syncfusion Top 5 React Chart Libraries for 2025 By Gowrimathi S Explore the top 5 React chart libraries with a comparison of their features, pros, and cons to boost your data