Blog

#apps #cart #debugging +4

Shopify's cart attribute limit

Shopify's cart attribute limit is somewhere between 19.9 MB and 20 MB, or roughly: Max attribute value size ≈ 20,873,216 characters (just under 20 MB). To test this out use the script below on your Shopify store: 413...

Apr 19, 2025

Advanced 3 min read

Out of stock issue - cannot add to cart for products

Here's a recent issue I ran into. When launching a new store, we had a way for a customer to add high quantities of a product to their cart. This was working during our initial testing and all the configuration on are...

#apps #cart #debugging +4

Apr 7, 2025

Beginner 8 min read

Introducing the Shopify Section Schema Builder

A visual tool that eliminates the tedious, error-prone process of writing section schema JSON by hand. Build complex schemas in minutes with real-time preview and validation.

#shopify #schema #tools +3

Dec 29, 2024

#apps #debugging #liquid +3

Shopify Liquid return_to not working

The return_to on the form tag is not working. The current workaround is to add <input type="hidden" name="checkout_url" value="/pages/help" /> in between the form tags. Where the value /pages/help can be changed...

Apr 23, 2024

Add Terms and Conditions to Checkout

For Shopify Plus store, add this script to the bottom of your checkout.liquid file. Make sure you update the link to the terms and conditions page and check your checkout console for any errors. Also, test if checkout...

#liquid #shopify

May 14, 2023

Date Filter

Learn how to use the powerful date filter in Shopify Liquid to customize and format dates for your online store. Improve user experience and enhance your store's design with our comprehensive guide on the date filter.

Apr 23, 2023

Default Filter

Discover how the "default" Shopify Liquid filter helps handle missing or empty variables, preventing errors, and simplifying your code. Learn its usage through practical examples for better template rendering.

Apr 23, 2023

Beginner 4 min read

Json Filter

Learn how to use the "json" Shopify Liquid filter to render React components on your Shopify pages, taking advantage of the full potential of both React and Shopify Liquid for a unique shopping experience.

Apr 23, 2023

Access Array Elements in First and Last Filters

Learn how to use the first and last filters in Shopify Liquid to effortlessly access the first and last elements of arrays, enhancing your store's functionality and content display.

Filters size and slice for Arrays and Strings

Learn how to effectively manipulate arrays and strings in your Shopify Liquid templates using the size and slice filters, including using negative indices for advanced operations.

More Array Filters: sort, sort_natural, reverse, uniq, and where

Learn how to use and combine Liquid array filters like sort, reverse, uniq, and where in Shopify to manipulate arrays. Whether you're organizing collections, displaying product listings, or updating data for custom fe...

Intermediate 3 min read

Working with Arrays: A Deep Dive into Concat, Join, Map, and Compact Filters

Shopify Liquid provides a rich set of filters to help you manipulate and manage arrays. Among these filters, concat, join, map, and compact are particularly useful for combining, transforming, and cleaning up arrays....

Text Truncation: Truncate and TruncateWords Filters

Learn how to efficiently manage and display text in your Shopify templates using the powerful truncate and truncatewords filters. Improve your blog pages and content-rich sections for a better user experience.

Apr 8, 2023

Whitespace and HTML Management Filters

Learn how to manage whitespace and HTML elements for a cleaner and more professional appearance. Use of lstrip, rstrip, strip, strip_html, and strip_newlines filters in Shopify Liquid to for whitespace and HTML manage...

Apr 8, 2023

Append, Prepend, and Split

Explore the powerful combination of Shopify Liquid filters, such as append, prepend, and split, to create and manipulate strings, including product IDs, in your templates to help create arrays for later use in your te...

Apr 7, 2023

Refining Text Strings: Remove and Replace Filters

Learn how to effectively use Shopify Liquid filters like remove, remove_first, replace, and replace_first to refine and manipulate text strings in your templates. These filters allow you to clean up text, update conte...

Apr 7, 2023

Text Transformations: Capitalize, Upcase, and Downcase Filters

Discover how to effectively use Shopify Liquid text transformation filters, such as capitalize, upcase, and downcase, to format and manipulate text strings in your templates. Learn how to perform case-insensitive stri...

Apr 7, 2023

A Guide to Math Filters

Learn how to use essential math filters, including ceil, floor, basic arithmetic operations, and the modulo filter in Shopify's Liquid templating language to perform calculations, format data, and customize your store...

#arrays #control-flow #liquid +1

Apr 6, 2023

Beginner 5 min read

Iteration on arrays using the "for" tag

Unlock the full potential of Shopify Liquid with our in-depth guide on "for" loop tags, including "forloop" properties, and "break" and "continue" tags for greater control over your template customization.

Apr 6, 2023

The"liquid" Tag and Inline Comments

Discover the power of the "liquid" tag and inline comments in Shopify's Liquid templating language, simplifying your theme development process and boosting code readability for more efficient and maintainable templates.

#liquid-basics #shopify #themes

Apr 6, 2023

Intermediate 2 min read

Shopify Liquid: Programming Language for Custom Themes

Learn to use Shopify Liquid to create custom templates and themes for your Shopify store. Explore the basics of Liquid tags, filters, and variables, and discover how to combine them with HTML, CSS, and JavaScript to c...

Mar 16, 2023

Intermediate 2 min read

Introducing Online Store 2.0: Shopify's New Online Store Functionality

Discover Shopify's latest update to its online store functionality with Online Store 2.0. Explore new features like sections everywhere and pre-designed blocks, and learn how to improve the performance of your online...

#sections #shopify #themes

Mar 14, 2023

#debugging #filters #shopify

View Shopify JSON data without API keys or creating a private app

While logged into your Shopify store, you can access any GET route in Shopify's REST API and view json data. For example, /admin/api/2022-10/products.json is a GET request you can use, but just remove the /admin/api/2...

Nov 25, 2022

#arrays #debugging #shopify

Get an array from a list in textarea that uses line breaks

`{% assign arrayOfContent = textAreaContent | newline_to_br | strip_newlines | split: '<br />' %}`

Aug 21, 2022

#debugging #liquid #shopify

Get current url of any page

Here's a quick and easy way to get any Shopify url in your store. `{% assign current_url = canonical_url %}``{% assign current_url = current_url | replace: "https://storeurl.myshopify.com", "" %}`{% assign current_url = c...

Jan 29, 2022

#debugging #liquid #shopify

Adding the correct shipping price with discounts

Use correct_shipping_price variable for your shipping. This takes into account the discount adjusted price for shipping when it's discounted using Shopify scripts. `{% if requires_shipping %}` {% assign complete_line_it...

Jan 27, 2022

Get product count and variant count of store

Quick tip to get the total number of products in your Shopify store use this url: https://mystoreurl.myshopify.com/admin/products/count.json replacing "mystoreurl" with your own. The same thing can be done for variant...

#debugging #shopify

Jan 18, 2022

Intermediate 2 min read

Conditional Statements - Extended

After learning the basics of conditional statements, we explore the contains, unless, and case operators. The contains operator is used to check a string in within a string or a string within an array of strings. The...

Nov 7, 2020

#sections #shopify #themes

Sections are not showing up in theme customize

Error: This page doesn't have any sections. Solutions: Make sure you have `{{ content_for_header }}`, `{{ content_for_layout }}`, and `{% section 'header' %}` in your theme.liquid file. Add an empty header.liquid file in th...

Oct 28, 2020

Conditional statements

The foundation of conditional statements can be boiled down to this: if this is true then run this code. You can also expand on that: if this is true then run this code, if not run a different code. Chaining condition...

Oct 13, 2020

Comparison operators

Comparison operators are exactly that, comparing two values in different ways. The output of comparing values will be a boolean, true or false. The Liquid operators: greater than >, greater than or equal to >=,...

#liquid #liquid-basics #shopify

Oct 10, 2020

Beginner 1 min read

Types of Data

Most of our variable assignment have been data of type string, a sequence of characters. `{% assign full_name = "Joe Pichardo" %}` There are also different type of numbers you can use as values. You have integers which...

Oct 9, 2020

#liquid #liquid-basics #shopify

Variables, assignments, and naming conventions

Variables are a way to save data. The way it is done in Liquid is to use the "assign" tag between these curly braces and percent signs `{% %}`. You can still manipulate this data after it is assigned. When you name a va...

Oct 8, 2020

Liquid syntax and whitespace control

Liquid programming language has syntax with different enclosing braces: `{{ }}`, `{% %}` , `{%- -%}` and `{{- -}}`. Here we learn about what these braces mean and what their functions are. `{{ }}` renders our variables. `{% %}` e...

#liquid #shopify

Oct 5, 2020

Beginner 8 min read

Local Shopify Theme Development with Theme Kit

Theme Kit is an integral part of Shopify theme development. This tool allows us to use Visual Studio Code with its integrated terminal to run the file watch command, edit our files, and save to upload changes. We will...

#liquid #shopify #themes

Oct 4, 2020

#liquid #liquid-basics #shopify

Best code editor for Shopify Liquid files

There comes a time when a developer needs to find out what the best editor is for the language they will be primarily using. For Shopify Liquid, the answer is easy: Visual Studio Code. This powerful IDE comes with Liq...

#liquid #shopify

Oct 3, 2020

Beginner 5 min read

Adding a test theme to your Shopify store

After you have created a Shopify Development store, it is time to add a theme for Liquid Development. I suggest on starting with the bare minimum of a theme to begin with as we do not want to be distracted about the d...

#liquid #shopify #themes

Sep 27, 2020

Beginner 4 min read

Free Shopify Store for Liquid Theme Development

To begin Shopify Development with Liquid, we will need to create a store. The store is free and it is made through Shopify. There isn't a way to spin up a local server on your machine for a Shopify store, we will have...

#liquid #shopify #themes

Sep 27, 2020

Intermediate 3 min read

Making an object in Liquid

Handling data is sometimes hard using Shopify Liquid. There isn't a versatile way to make an object like in Javascript or PHP. Full disclosure, this is a faux object, but works similarly to an object in other language...

Sep 20, 2020

Intermediate 6 min read

Upsell with add ons on the product page

Include an additional accessory/product to a product page without a plugin. The implementation gets json data using a product handle, checks its availability, and shows the add on option. Shopify AJAX "/cart/add.js" f...

#product-page #shopify #themes

Sep 16, 2020

Intermediate 6 min read

Adding Bootstrap CSS and JS

We will be adding Bootstrap, the world’s most popular front-end open source toolkit, to our Shopify theme. It requires proper ordering of assets and files. After adding the Bootstrap we will add a fluid and dynamic sl...

#shopify #themes

Aug 16, 2020

Intermediate 3 min read

Theme Kit, automatically upload theme files

Use Theme Kit as a command line tool to automatically deploy local files to your online Shopify theme. Cut down on development time with quickly saving and uploading files using Theme Kit. You will need to create a pr...

#shopify #themes #tooling

Aug 16, 2020

Beginner 5 min read

Minimum file and folder structure

Shopify themes only need two files, layout/theme.liquid and templates/index.liquid. File requirements: theme.liquid includes `{{ content_for_header }}` between the head tags and `{{ content_for_layout }}` between the body...

#shopify #themes

Aug 15, 2020