LW 65 - How to Create a Wildly Successful Theme Company

How to Create a Wildly Successful Theme Company 
Shopify Development news and articles
 
Liquid Weekly

Karl Says


Just a heads up we'll be publishing one more issue next week and then taking a short break for the holiday season before resuming in early 2023.

News & Articles

Shopify Collection SEO
Learn how to optimize your Shopify collections for more SEO traffic from Google with this free resource from Kai Davis and Double Your Ecommerce. Full of tips, strategies, and ‘do this, not that’ advice, this guide will help you better understand the why, what, and how of collection SEO.
High Performance Headless Storefronts With Hydrogen
Hydrogen has been built to power headless storefronts that are both performant and dynamic, traditionally competing priorities. In this talk from Shopify Unite 2022, we'll dig into the recent advances in web technologies that allow Hydrogen to achieve incredible performance scores. Through the power of streaming, React Server Components and edge-rendering, Hydrogen enables custom storefront developers to build fast and dynamic ecommerce experiences.
Performance First on Shopify
Web performance takes patience, skill and the ability to think outside of the box. In this Shopify Unite 2022 talk we will explore small quick changes that you can implement on your Shopify themes that will have an immediate positive impact on performance, all the way to how to approach a total theme optimization. We’ll deep dive into code and review metrics for each type of change, as well as address common misconceptions around performance testing tools.
How to create a wildly successful Theme Company
Meet the CEO of Archetype Themes. Thomas went from Developer to CEO. Learn about The founding Story of Archetype Themes and what's next to come.
What We Learned from Open-Sourcing FlashList
FlashList is Shopify’s React Native List library. This library solved a long-standing problem in the React Native community: bad list performance, by introducing high performance rendering, and removing problems like blank spacing and low fps on some devices. In this article you will see how we came up from the initial idea, defined a launch strategy, and how we executed this strategy achieving 1,000 Github stars in less than 24 hours. I will explain how important it is to empathize with the end user, how to build authority, and end up with a successful open-source library.
💰 Looking to Sell Your Shopify App?
Relay Commerce acquires and operates a growing portfolio of e-commerce software tools, including several top-rated Shopify apps. Shopify app partners love Relay because we move fast and can offer all cash – from first contact to closing in as little as a month. Wondering if we are a good match? - visit our website or email us at acquisitions@relaycommerce.io.

Code & Tools

Our Solution for Measuring React Native Rendering Times
Performance is crucial for Shopify. After we started using React Native, we had to find a way to confirm our mobile apps are fast. The solution is an open-source @shopify/react-native-performance library by Shopify, which measures rendering times in React Native apps. In this article, you’ll learn more about how the library works, how to get started, and why measuring performance is so important. 
PX or REM in CSS? Just Use REM
CSS has a lot of different units that you can choose from. In many cases, there is one unit that’s clearly better than any others. However, one question that seems to come up throughout my career is whether you should use pixels or rems on certain properties where it doesn’t seem to make a clear difference. Today I’m going to answer that question.
Debugging Tactics
When you're debugging a system, the first step is to accept that what you believe about how it works might not be true. If everything were as you believe it to be, then your code would work—but obviously that's not always the case. If you can't accept this, you might find yourself living the old saying 3 hours of debugging can save you 5 minutes of reading the docs.
A Guide To Keyboard Accessibility: JavaScript (Part 2)
This article is the second of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a toolset on JavaScript that you can mix into different components to create a great experience for keyboard users.

Changelog


API

Add Due on fulfillment to payment terms type
As of the Admin API 2023-01 release candidate, Due on Fulfillment is now a Payment Terms type available to all 3rd party apps. With this change, apps can create and update orders and draft orders with payment terms whose due date will be set upon fulfillment of the order. The newly added FULFILLMENT type value can be found on the PaymentTermsType ENUM object.
Rename authorV2 and enable author as nullable
As of 2023-01, the authorV2 field is being removed from the Storefront API. It was previously used to reference nullable author scenarios. As a result, the following changes are being made: * authorV2 will now be deprecated. * author will be used instead, and will now be a nullable field. These changes will help improve consistency of the API and avoid confusion when using these fields.

Shopify App Store

The partner dashboard now includes clear steps to earn achievements that drive merchant installs
This spring, we added app highlights to app store listings to help merchants find high quality apps and make better informed decisions. These highlights show tested indicators of merchant success, including its impact to storefront performance, how it works with other Shopify features, and integration with Admin. Starting December 1, we’re providing visibility into how to achieve these highlights within the Distribution section of the Partner Dashboard. Initial data shows that app highlights are a major factor for merchant exploration and installation.

Themes

Updates to displaying accelerated checkout buttons
Accelerated checkout buttons will now always appear in checkout even if customers have previously seen them in cart. This change will gradually roll out to eligible shops over the next two weeks.

Tip of the Week


This week's tip comes from Gary Thompson at Verdant Spark

Let's say a merchant is using product metafields to populate collapsible sections on the product template, but they really want one of those to be rendered as bullet points. A multiline metafield doesn't support html, or any other metafield - at least not in a way the merchant could use.

While you can render list tags around the data in the template Unfortunately there's currently no-way to identify if the current block in the loop's dynamic source is the metafield you want (if it's attached to the template as a dynamic bit of content it's only accessible as block.settings.content).

Here's a workaround to that problem (where product.metafields.namespace.details.value is the multiline metafield with your desired content)

// block.settings.content is already wrapped in a paragraph and span with a class by Shopify
// so we make the metafield we know we want to look the same
{﹪ assign test = '<p><span class="metafield-multi_line_text_field">' 
 | append: product.metafields.namespace.details.value | newline_to_br 
 | append: '</span></p>' 
﹪}

// if they're the same, then we can make our bulleted list
{﹪ if block.settings.content == test ﹪}
  {﹪ assign bullets = product.metafields.namespace.details.value 
    | newline_to_br | split: '<br />' 
  ﹪}
  <ul>
    {﹪ for bullet in bullets ﹪}
      <li></li>
    {﹪ endfor ﹪}
  </ul>
{﹪ else ﹪}
  // just output the content as standard
  
  
{﹪ endif ﹪}
                                          

 

Older messages

LW 64 - Build a Shopify Store with Next.js + Tailwind CSS

Tuesday, November 29, 2022

Build a Shopify Store with Next.js + Tailwind CSS Shopify Development news and articles Issue #64 - 11/29/2022 Read Online Liquid Weekly News & Articles Build a Shopify Store with Next.js +

LW 63 - Shopify Dev Tools to Improve Your App Building Process

Tuesday, November 22, 2022

Shopify Dev Tools to Improve Your App Building Process Shopify Development news and articles Issue #63 - 11/22/2022 Read Online Liquid Weekly News & Articles Shopify Dev Tools to Improve Your App

LW 62 - How to set up collection filters Shopify Search & Discovery

Wednesday, November 16, 2022

How to set up collection filters Shopify Search & Discovery Shopify Development news and articles Issue #62 - 11/15/2022 Read Online Liquid Weekly News & Articles How to set up collection

LW 61 - How to use Tailwind CSS in a Shopify Hydrogen Project

Tuesday, November 8, 2022

How to use Tailwind CSS in a Shopify Hydrogen Project Shopify Development news and articles Issue #61 - 11/8/2022 Read Online Liquid Weekly News & Articles How to use Tailwind CSS in a Shopify

LW 60 - Displaying Order Attributes To Customers Post Purchase                                                                                      

Tuesday, November 1, 2022

Displaying Order Attributes To Customers Post Purchase Shopify Development news and articles Issue #60 - 11/1/2022 Read Online Liquid Weekly News & Articles AARRR Metrics Framework: What Is It and

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