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.

DKB

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.

Taylor Page

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.

Shopify

Code & Tools

Flexbox Froggy

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!

CodePip

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.

Shopify Engineering

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.

Hypercolor

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.

Code Inspire

Partner Content Hub

Curated assets to help you market and scale your business as a Shopify Partner.

Shopify

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.

2/15/2022

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.

2/17/2022

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.

2/14/2022

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.

Liam Griffin

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

Scott Dixon

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.

DigiSmoothie

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.

Learn more

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