{"title":"Working with Liquid","slug":"working-with-liquid","url":"https://support.storeconnect.com/articles/working-with-liquid","url_markdown":"https://support.storeconnect.com/articles/working-with-liquid.md","subtitle":null,"summary":"Liquid is the templating language powering StoreConnect storefronts. Access dynamic data, apply conditional logic, loop over collections, and reuse content components within your theme files.","type":"Developer_Documentation","video_url":"","keywords":"liquid, liquid templates, templating language, storefront customization, dynamic content, conditional logic, loops, theme development, shopify liquid, data access, personalization, session data","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"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.\n\nLiquid 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.\n\nAt its core, Liquid is used to:\n\n-   Access and display dynamic data (e.g., customer names, product prices, store details).\n\n-   Make decisions based on logic (e.g., if a user is logged in, if a product is on sale).\n\n-   Iterate over lists of items (e.g., product collections, menu items, tags).\n\n-   Include and reuse content components (e.g., headers, footers, sections).\n\n-   Manage personalization through session data.\n\n## How this section is arranged\n\nThe 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.\n\nThe last two are task guides. Reach for them when you know the outcome you want rather than the name of the thing you need.\n\n## In this section\n\n- [Liquid objects](liquid-objects) — the data available to a template, from products and carts to pages and accounts\n- [Liquid tags](liquid-tags) — the `{% %}` syntax that controls template structure, queries records, and shapes the response\n- [Liquid filters](liquid-filters) — the `|` syntax that formats and reshapes a value on its way into the page\n- [Liquid variables](liquid-variables) — collection types, global variables, and session state\n- [Liquid forms](liquid-forms) — the `{% form %}` system, the form types available, and how submission works\n- [Liquid controllers](liquid-controllers) — server-side logic that runs around a page render, and the routes it hooks\n- [Liquid techniques](liquid-techniques) — task guides for querying records, translations, and customer event tracking\n- [Working with data in Liquid](working-with-liquid-data) — expose custom Salesforce fields to your templates and confirm they arrive"}