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

Kotlin Weekly #441

Sunday, January 12, 2025

ISSUE #441 12th of January 2025 Announcements Become a KotlinConf 2025 volunteer! The KotlinConf has started a Call for Volunteers to help out at the conference in May! If you are interested, check out

Healthy life, Meta's AI and legibility

Saturday, January 11, 2025

Neologism #25, 11.01.2024 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Daily Coding Problem: Problem #1665 [Medium]

Saturday, January 11, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by LinkedIn. A wall consists of several rows of bricks of various integer lengths and

📊 Every Smartphone I've Ever Owned, Ranked — This Tiny Smart Remote Is the Most Exciting Thing at CES

Saturday, January 11, 2025

Also: 5 Android Notification Features to Make Your Day Easier, and More! How-To Geek Logo January 11, 2025 Did You Know On March 12, 1951, a curious thing happened. In the United States and the United

Ranked | The Top Grossing Movies Worldwide in 2024 🎬

Saturday, January 11, 2025

Established IP dominated the 2024 box office, with top films mostly being sequels, spin-offs, or franchise continuations. View Online | Subscribe | Download Our App FEATURED STORY Ranked: Top Grossing

📖 Your Step-by-Step Guide to Securing AI in the Enterprise

Saturday, January 11, 2025

January 11, 2025 | Read Online Subscribe | Advertise Good Morning. Welcome to this special edition of The Deep View, brought to you in collaboration with Tines. When it comes to adopting AI securely,

🐍 New Python tutorials on Real Python

Saturday, January 11, 2025

Hey there, There's always something going on over at Real Python as far as Python tutorials go. Here's what you may have missed this past week: Iterators and Iterables in Python: Run Efficient

Life Update: Me. In Shorts. In Antarctica [Pics Inside 🧊]

Saturday, January 11, 2025

And yes, I jumped in. It taught me a lot 😅 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Google Researcher Uncovers Zero-Click Exploit Targeting Android Devices

Saturday, January 11, 2025

THN Daily Updates Newsletter cover The Kubernetes Book: Navigate the world of Kubernetes with expertise , Second Edition ($39.99 Value) FREE for a Limited Time Containers transformed how we package and

📧 Working with LLMs in .NET using Microsoft.Extensions.AI

Saturday, January 11, 2025

​ Working with LLMs in .NET using Microsoft․Extensions․AI Read on: m​y website / Read time: 6 minutes The .NET Weekly is brought to you by: ​Transform your database performance with RavenDB​: