Liquid Weekly #26 - Accessibility on Shopify

How to Get Started with Accessibility on Shopify 
Shopify Development news and articles
 
Liquid Weekly

Karl Says


Each winter after Christmas I make it a mental goal to celebrate the arrival of March. I feel like at least in Ohio, March marks a turning point in weather and seasonal mood. While we're not quite there yet check out this week's tip for how you can play with dates in Liquid!

News & Articles

Shopify Responsive Mobile menu with Tailwind CSS & Alpinejs
Let's design the mobile menu with Alpine.js and Tailwind CSS. It's a fun and great menu design.
Google Search Is Dying
Why are people searching Reddit specifically? The short answer is that Google search results are clearly dying. The long answer is that most of the web has become too inauthentic to trust.
How to Get Started with Accessibility on Shopify
There is no quick and simple fix to accessibility. Anyone that tells you this can be fixed with a plugin or app is only trying to sell you something. In this post I will cover first what accessibility (often abbreviated in the website development world to a11y for short) is and why it is important to not exclude a11y in your store. After that we'll talk about what you should do and what you should definitely NOT do.
2 ways developers build Shopify storefront apps and how they affect your theme
Installing an app from the Shopify App Store is a relatively painless process. One problem though is that it’s hard to know how the app’s developer built the program and how it will affect your store’s theme code before installing. Read on for some tips!
Shopify's Guide to Updating Themes
Updating a store's theme doesn't have to be fraught with danger. Depending on where you obtained the theme and what level of customization that has since been added it can be a straightforward process. Read the official docs from Shopify on how to approach this important topic.

Code & Tools

Flexbox Froggy
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!
What are your favorite tools for working in #Ruby or @Rails?
I think continues to be a great stack for developing Shopify applications - and apparently so does Shopify Engineering. Follow this thread to learn about tools used by Shopify devs working with Rails.
DevDocs - Searchable API Documentation
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
Hypercolor
A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.
Shopify Dawn theme Code Review for Developers
Let's see how the Dawn theme codes are structured behind. You will learn how CSS, JavaScript and settings structure of Dawn is hard to understand. and how we can improve it.
Partner Content Hub
Curated assets to help you market and scale your business as a Shopify Partner.

Changelog

Platform

Shopify Markets is now Generally Available
We’ve just released Shopify Markets, which helps merchants sell their products to customers in different countries from a single Shopify store. Merchants can also create unique experiences for their global customers from the Shopify Markets admin's Settings.

API

Changes to Theme Translatable Content Keys
s of February 17th, newly-created themes will generate translatable content keys for content in JSON templates in an altered format. Translations originating outside of JSON templates, such as those stored in the locales/ folder of a theme, are not affected by this change.
Cart change REST API now supports changing selling plan
It’s now possible to upsell subscriptions in cart in the online store. We added a new field, selling_plan, to the /cart/change.js endpoint in the AJAX REST API to support adding, updating, and removing the selling plan.

Events

April 13 - Introduction to Working With Shopify Themes
Following this practical workshop you’ll be able to set up a local development environment and edit theme code to customize an example storefront. We’ll also explore Shopify’s Liquid templating language and learn how it can be leveraged to display dynamic store content.
March 17 - Building Headless Storefronts on Shopify with Hydrogen - Online Workshops
Curious about Hydrogen -Shopify's React-based framework for building custom storefronts? Register now for an upcoming FREE workshop in March to explore the new framework and get a custom storefront up and running

Jobs

Content Marketing Manager, FT, Remote
The ideal candidate loves writing and topic research but also understands how to structure the article from the SEO point of view. We expect someone who will be autonomous and data-driven. Knowledge of the Shopify environment is a big plus, but general e-commerce understanding is fine, too.
Technical Lead, FT, Remote
Invisible Themes is looking for a full-time Technical Lead with deep Javascript knowledge to join our growing team! You will be building features, writing exemplary code for the development team to follow and defining the development roadmap.

Tip of the Week

Working with dates in Liquid

Using a few tricks it's actually pretty easy to calculate days and weeks into the future

This can be handy for setting shipping windows among other things


The first step is to get the current date as a unix timestamp (seconds since epoch)

assign today = 'now' | date: '%s'


Now assign some helper variables that hold the number of seconds in a single day and in an entire week

assign single_day = 86400

assign one_week = single_day | times: 7


Now we are all set for determining any set date in the future. Say for example, that you want to display a ship date that is exactly 8 days from today

today | plus: one_week | plus: single_day

 

Older messages

Liquid Weekly #25 - 500 "Booby-trapped" Ecommerce sites

Tuesday, February 15, 2022

Hear about exploited Ecommerce sites, learn how to design a site's color palette and more! Shopify Development news and articles Issue #25 - 2/15/2022 Read Online Liquid Weekly Karl Says This

Liquid Weekly #24 - Build a storefront with Hydrogen

Tuesday, February 8, 2022

Learn how to build a storefront with Shopify's Hydrogen Shopify Development news and articles Issue #24 - 2/8/2022 Read Online Liquid Weekly Karl Says If there was an "Olympics" of

Liquid Weekly #23 - Three New Themes

Tuesday, February 1, 2022

Learn about Shopify's new themes, how to create a custom Shopify admin panel and more! Shopify Development news and articles Issue #23 - 2/1/2022 Read Online Liquid Weekly Karl Says Living in Ohio,

Liquid Weekly #22 - Custom Product Badges

Tuesday, January 25, 2022

Learn how to create custom product badges along with other great tutorials and tips Shopify Development news and articles Issue #22 - 1/25/2022 Read Online Liquid Weekly Karl Says Happy January 25th -

Shopify Development Info Coming Your Way

Friday, January 21, 2022

Hello, I'm Karl! Thanks for signing up for Liquid Weekly - the newsletter for folks interested in Shopify development. Once a week I'll be sending you an email containing interesting posts 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