shopify-liquid

Render dynamic storefront content using Shopify's Liquid templating language.

491|60|Updated Apr 1, 2026
One-click install
npx skills add https://github.com/Shopify/Shopify-AI-Toolkit --skill shopify-liquid-shopify
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shopify-liquid
Source: https://github.com/Shopify/Shopify-AI-Toolkit/tree/main/skills/shopify-liquid
Command: npx skills add https://github.com/Shopify/Shopify-AI-Toolkit --skill shopify-liquid-shopify

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @shopify/theme-check-common, @shopify/theme-check-docs-updater, @shopify/theme-check-node, and includes scripts (resource) components.

What problem does it solve?

Liquid templating brings dynamic storefront rendering to Shopify themes, enabling designers and developers to separate content from presentation and render product, collection, and cart data without back-end calls.

Core Features & Use Cases

  • Liquid core objects (product, collection, cart, customer) and tags enable powerful control flow, iteration, and data access within themes.
  • Filters and tags allow formatting, logic, and composition of sections, blocks, and snippets to build flexible storefronts.
  • Use cases include product grids, featured collections, cart summaries, and dynamic content rendering across templates, sections, and blocks.

Quick Start

Create a simple Liquid snippet that outputs a product title with {{ product.title }}.

Frequently Asked Questions about shopify-liquid

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render dynamic product and cart data in Shopify themes?

You render dynamic Shopify storefront data by using Liquid templating objects like product, collection, and cart within your theme templates. This approach separates content from presentation to display storefront data without back-end calls.

What is the best way to build flexible storefront layouts with Liquid?

The best way to build flexible Shopify storefront layouts is by composing sections, blocks, and snippets using Liquid filters and tags. This enables powerful control flow, iteration, and data formatting across your theme templates.

How do I output a product title using Liquid in a Shopify snippet?

To output a product title in a Liquid snippet, use the syntax {{ product.title }} within your template file. This accesses the core product object to dynamically render the title string on the storefront.

Do I need to understand Liquid tags and filters to develop Shopify themes?

Yes, you need to understand Liquid core objects, tags, filters, and the Shopify theme architecture to generate maintainable, valid code. These elements provide the logic, formatting, and data access required for theme development.

Why does my Liquid template fail to display cart summaries correctly?

Liquid templates fail to display cart summaries when theme architecture is incorrectly wired or cart object tags are misused. Valid Liquid code requires proper control flow and data access logic to render cart data accurately.