<h3>Syntax</h3><multicode-component data="[{&quot;name&quot;:&quot;liquid&quot;,&quot;value&quot;:&quot;{%- include 'module'\n    id: '10'\n    layout: 'design_system/2'\n    per_page: 20\n    sort_type: 'created_at'\n    sort_order: 'desc' \n-%}&quot;,&quot;id&quot;:&quot;ae97cb93-fc61-4462-a1ee-d0a2e85177c2&quot;,&quot;language&quot;:&quot;Plaintext&quot;}]" activecode="ae97cb93-fc61-4462-a1ee-d0a2e85177c2"></multicode-component><h3>Parameters</h3><ul><li><code>id</code> - the Module's ID</li><li><code>item_ids</code> - output one or more module items, comma seperated</li><li><code>category_ids</code> - output all items in one or more categories, comma seperated</li><li><code>layout</code> - default is default.liquid - 'layout' values are relative to the folder: layouts/modules/FAQ (module_10)/[layout name]</li><li><code>per_page</code> - defines the number of items outputted on the page</li><li><code>show_pagination</code> - default is true - defines if items should be paginated when the per_page is met.</li><li><code>sort_type</code> - defines the type by which items are ordered<ul><li><code>properties.name</code> - name of the Module item (alphabetical)</li><li><code>created_at</code> - date the Module item was created</li><li><code>updated_at</code> - date the Module item was last edited</li><li><code>properties.weighting</code> - weighting of the Module item</li><li><code>properties.release_date</code> - date the item is set to be released</li></ul></li><li><code>sort_order</code> - defines the order in which the type is sorted<ul><li><code>asc</code> - sort items in ascending order</li><li><code>desc</code> - sort items in descending order</li></ul></li><li><code>collection</code> - default is 'false' - If you set it as collection: 'true' then any layout is suppressed.Data is accessible via <code>{{context.exports.webapp_1.data}}</code>. For Example, name would be: <code>{{context.exports.webapp_1.data.result.items[0]['name']}}</code></li></ul><h3>Liquid Tags</h3><table><tbody><tr><td colspan="1" rowspan="1"><strong>Field Name</strong></td><td colspan="1" rowspan="1"><strong>Liquid Tag</strong></td><td colspan="1" rowspan="1"><strong>Description</strong></td></tr></tbody><tbody><tr><td colspan="1" rowspan="1">Item Name</td><td colspan="1" rowspan="1">{{ this['name'] }}</td><td colspan="1" rowspan="1">name of the FAQ</td></tr><tr><td colspan="1" rowspan="1">Weighting</td><td colspan="1" rowspan="1">{{ this['weighting'] }}</td><td colspan="1" rowspan="1">weight of item, used for sorting</td></tr><tr><td colspan="1" rowspan="1">Release Date</td><td colspan="1" rowspan="1">{{ this['release_date'] }}</td><td colspan="1" rowspan="1">release date of the item</td></tr><tr><td colspan="1" rowspan="1">Expiry Date</td><td colspan="1" rowspan="1">{{ this['expiry_date'] }}</td><td colspan="1" rowspan="1">expiry date of the item</td></tr><tr><td colspan="1" rowspan="1">Enabled</td><td colspan="1" rowspan="1">{{ this['enabled'] }}</td><td colspan="1" rowspan="1">enable/disable the item</td></tr><tr><td colspan="1" rowspan="1">Question</td><td colspan="1" rowspan="1">{{ this['question'] }}</td><td colspan="1" rowspan="1">FAQ question</td></tr><tr><td colspan="1" rowspan="1">Answer</td><td colspan="1" rowspan="1">{{ this['answer'] }}</td><td colspan="1" rowspan="1">FAQ answer</td></tr></tbody></table><h3>Layout Files</h3><p>FAQ Module layouts are stored in the following folder structure, which you can view via Code Editor: <code>layouts/modules/FAQ (module_10)/</code></p><p>Within this module folder you will find the following layout folders:</p><ul><li><code>default/</code> - the default layout folder<ul><li><code>detail/</code> - full page layouts folder</li><li><code>item.liquid</code> - detail item content file</li><li><code>wrapper.liquid</code> - detail item wrapper file</li><li><code>list/</code> - page section layouts folder</li><li><code>item.liquid</code> - list item content file</li><li><code>wrapper.liquid</code> - list item wrapper file</li></ul></li></ul>

Reference

Feedback

Roadmap

Changelog

Luke Wakefield

Get Started

Quickstart Guides

Manage Sites, Users, Domains, Billing and more

Portal

Billing

Siteglide Billing

Billing Setup

Automatic Site Upgrades

Subscriptions and Changes

Invoices

Agencies

Agency Account

Clients

Site Copies

Add your own branding to the Siteglide Admin

Agency Whitelabelling

Users

Introduction

Invite & Manage Users

User Roles

Sites

Introduction to Sites

Site Backups and Disaster Recovery

Go Live

Install & Manage Modules

Site Details

Site Users

Quickstart: Create a Site

Site Subscription

Domains

Introduction to Domains

Add a Fully Delegated Domain

Add an External Domain

Subdomain on a separate instance

How to setup a multi domain start page

Legacy AWS External Domains

Your Siteglide Account

Marketplace

Log and Manage Support Tickets in Siteglide

Tickets

Matt Jones

Developers

Install, and get started with our CLI. With it, you can make changes to your site's code, directly from your machine. 

Quickstart: CLI

Introduction to the Command Line Interface (CLI)

About CLI

Once CLI is installed, you need to make connections (sometimes called an environment) between a folder on your machine and a specific Siteglide site.

CLI Site Setup

Creating WebApps via CLI

CLI Changelog

The main commands you'll need when using Siteglide CLI

CLI Command Reference

CLI Troubleshooting

Liquid

How to use Liquid to get the most from Siteglide

Introduction to Liquid

The context object is a rich source of data about the environment where you are writing Liquid, whether that is a Page, Email etc. This article goes into detail about the different properties and how you can use them.

Reference - Exploring the Context Object

Learn to recognise different types of Liquid syntax

Liquid Tutorial 1 - Recognising the syntax of tags, outputs and filters

Liquid Tutorial 2 - Liquid variables and types

The parse_json tag can be used to create objects from a JSON string. These allow you to represent complex entities with properties, instead of using a bunch of separate variables. Dot notation is a useful way to access those properties later. 

Liquid Tutorial 3 - Creating Liquid objects and accessing their properties

How to use Liquid For Loops and Indexing to handle arrays. Also, how to use a key to access key maps, using categories as an example.

Liquid Tutorial 4- Creating and accessing arrays, including looping

So far we have created variables to store data manually and accessed that data, but often we want to access data that has been provided by external sources. A good place to start is looking at information about the URL and the current Page.

Liquid Tutorial 5 - Accessing data from the page and URL

Use if statements and case statements to control what happens based on context

Liquid Tutorial 6 - Logic

Using Categories from the context object as an example, we look at a special kind of object (maps) and how to access their properties.

Liquid Tutorial 7 - Looping over an object's properties

With the powerful include and render tag, you can use Liquid to pull in other Liquid files into the file you're working in. This allows you to access oven-ready Siteglide functionality and efficiently re-use your own content across your site.

Liquid Tutorial 8 - Joining Liquid files together with include/render

Liquid Tutorial 9 - Using WebApp and Module collections - Coming Soon

Improve the accuracy of your if statements by using the blank keyword to catch a range of falsy states.

Liquid Tutorial 10 - Truthiness in Logic: using Liquid to determine if a field is empty or blank

We have often been asked if we can add a feature where customers can directly add Liquid code to rich text fields, and have it evaluated and run on the Page. For major security reasons, this is not possible; it would make it so easy for malicious users to POST form data to your site and have a high level of access to critical information. However, you can allow certain Liquid-based functionality in a safe and controlled manner. 

How to safely trigger Liquid functionality when parsing a rich text field

GraphQL

About GraphQL

Tutorials

Tutorial 1 - Your First Query

Tutorial 2 - Pagination

Tutorial 3 - Filtering the Results

Tutorial 3 - (Answers)

Tutorial 4 - Advanced Filtering

Tutorial 4 - (Answers)

Tutorial 5 - Using Liquid to run GraphQL queries on your Site

Tutorial 6 - (Answers)

Tutorial 6 - Variables

Tutorial 7 - Sorting

Tutorial 8 - Building a Liquid API GET Endpoint Page powered by GraphQL queries

Tutorial 9 - Using Mutations to Create New Records

Tutorial 10 - Using Mutations to Edit a Record

Tutorial 11 - Using Mutations to Delete an Item

Tutorial 12 - Related Records and Datasources

Site API

Release Notes

Module - Blog - Changelog

Module - Events - Changelog

Module - FAQ - Changelog

Module - Menu - Changelog

Module - Secure Zones - Changelog

Module - Slider - Changelog

Module - System Files - Changelog

Siteglide Admin/API - Changelog

Configuration

Custom Field IDs

Field Types

Zapier Integration

Developer Marketplace

About Building Modules

Adding Payment to a Module

Create Folder Structure

Data & UI Module Example

Module Setup

File Structure

In this section, we'll add reference code which is relevant across Modules. Specific Modules may have further relevant reference material in their own sections of the docs.

Modules Reference

Site Template Modules - and How to Make Your Own

Submit Module for Approval

Theme Module Example

Updating Modules

Studio

Introduction to Studio

Copy a Site Template

Install Studio Module

Studio Page Editor

Dynamic Content in Studio

Studio AI Section Builder

Studio User Roles

Studio Themes

Install a Studio Theme

Studio Theme Publisher

Theme Sections

Theme Styling

SiteBuilder

Site Setup

Advanced Features

Extend SiteBuilder

Layouts

Styling

SiteBuilder is the quickest way to get started with Siteglide

About SiteBuilder and how it can help you rapidly build websites and applications

about-sitebuilder.md

design-to-code.md

pagebuilder.md

Get started with SiteBuilder in a few simple steps

quickstart-sitebuilder.md

Dashboard

Pages

Quickstart: Pages

About Pages

Page Settings

Page Editing

Code View & Toolbox

Custom Fields in Pages

Pages with Siteglide CLI

Accessing Page Data

Sometimes you may be asked by a third party to add a file to your site to prove ownership, or to provide helpful metadata to 3rd parties. This article explains how to use CLI to create a page with a file extension like .txt

Adding non-HTML files to your site with alternative file extensions

Preventing Duplicate Content

Content Sections

File Manager

Introduction to File Manager

About Assets

Assets File Structure

Accessing Assets

Migrating Assets

Tags for Assets

Assets Troubleshooting

Assets with CLI

Teleporting Scripts to the Head and Footer with siteglide_head_scripts and siteglide_footer_scripts or using context.exports to avoid duplicates

Siteglide Scripts Explained

Optimising Images on the Fly with Cloudinary

Optimising Images Natively with Cloudflare

Quickstart: Categories

About Categories

Filtering WebApps and Modules by Categories Using Liquid Parameters

This Article shows how you can use the category_array field to access the IDs of the Categories assigned to a WebApp or Module Item

Field Name	Liquid Tag	Description
Item Name	{{ this['name'] }}	name of the FAQ
Weighting	{{ this['weighting'] }}	weight of item, used for sorting
Release Date	{{ this['release_date'] }}	release date of the item
Expiry Date	{{ this['expiry_date'] }}	expiry date of the item
Enabled	{{ this['enabled'] }}	enable/disable the item
Question	{{ this['question'] }}	FAQ question
Answer	{{ this['answer'] }}	FAQ answer