Working with Liquid

Liquid is the backbone of dynamic content rendering in your StoreConnect theme. It acts as the bridge between your store’s data and its visual presentation, allowing you to create flexible, personalized, and data-driven experiences for visitors, all within your HTML and theme files.

Liquid is a templating language originally created by Shopify and deeply integrated into StoreConnect to power storefront customization. It allows developers and designers to embed logic into otherwise static content. This logic includes things like conditions, loops, data access, and output formatting, all written in a syntax that is clean, readable, and safe to use within HTML.

At its core, Liquid is used to:

• Access and display dynamic data (e.g., customer names, product prices, store details).

• Make decisions based on logic (e.g., if a user is logged in, if a product is on sale).

• Iterate over lists of items (e.g., product collections, menu items, tags).

• Include and reuse content components (e.g., headers, footers, sections).

• Manage personalization through session data.

How this section is arranged

The first six articles are the language reference, one per area of the language. Each opens with a single-page overview you can read start to finish, and holds one article per individual tag, filter, object, form, or controller for precise lookup.

The last two are task guides. Reach for them when you know the outcome you want rather than the name of the thing you need.

In this section

• Liquid objects — the data available to a template, from products and carts to pages and accounts
• Liquid tags — the {% %} syntax that controls template structure, queries records, and shapes the response
• Liquid filters — the | syntax that formats and reshapes a value on its way into the page
• Liquid variables — collection types, global variables, and session state
• Liquid forms — the {% form %} system, the form types available, and how submission works
• Liquid controllers — server-side logic that runs around a page render, and the routes it hooks
• Liquid techniques — task guides for querying records, translations, and customer event tracking
• Working with data in Liquid — expose custom Salesforce fields to your templates and confirm they arrive