Almost EVERYONE who tried headless systems said they saw benefits. Download the state of CMS now!

O’Reilly Report: Decoupled Applications and Composable Web Architectures - Download Now

Empower your teams & get a 582% ROI: See Storyblok's CMS in action

Skip to main content

Liquid Basics

IMPORTANT:

This service is OUTDATED and not offered anymore.

Liquid uses a combination of tags, objects, and filters to load dynamic content. They are used inside Liquid template files, which are a group of files that make up a theme for the Storyblok cloud rendering service.

Tags

Tags make up the programming logic that tells templates what to do.

{% if story.full_slug == 'home' %}
  You're on home.
{% endif %}

Have a look at the collection of Tags by Shopify so you learn more on how to create for loops and similar essentials.

Objects

Objects contain attributes that are used to display dynamic content on a page / in a content entry.

{{ story.name }} <!-- Output: Your oweseme content entry name -->

You can find our global Objects with all there attributes in our docs.

Filters

Filters are used to modify the output of strings, numbers, variables, and objects.

{{ 'Hello' | append: ' Storyblok' }} <!-- Output: Hello Storyblok -->

You can have a look at the filters provided by Shopify, most of them are working great with Storyblok as well. We've added new filters as well - which can be found in the filters documentation

API Access

We've introduced a new function to Storyblok which allows you to directly access the Storyblok Content Delivery API without any additional implementation on your side.

<!-- id at this point is equal to a content entries slug. -->
{% set variable from story id:'global' %}

Have a look at all the functions you can use directly.