Slider

 Last Edited: May 23, 2019

Syntax

{%- include 'module', id: '4', layout: 'design_system/5', sort_type: 'created_at', sort_order: 'desc', per_page: 21 -%}

Parameters

  • id - the Module's ID

  • item_ids - output one or more module items, comma seperated

  • category_ids - output all items in one or more categories, comma seperated

  • layout - default is default.liquid - 'layout' values are relative to the folder: layouts/modules/Slider (module_4)/[layout name]

  • per_page - defines the number of items outputted on the page

  • show_pagination - default is true - defines if items should be paginated when the per_page is met.

  • sort_type - defines the type by which items are ordered

    • properties.name - name of the Module item

    • created_at - date the Module item was created

    • updated_at - date the Module item was last edited

    • properties.weighting - weighting of the Module item

  • sort_order - defines the order in which the type is sorted

    • asc - sort items in ascending order

    • desc - sort items in descending order

  • collection - default is 'false' - If you set it as `collection: 'true'` then any layout is suppressed.
    Data is accessible via {{context.exports.webapp_1.data}}. For Example, name would be: {{context.exports.webapp_1.data.result.items[0]['name']}}

Liquid Tags

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

Title

{{ this['title'] }}

slide title string

Description

{{ this['description'] }}

slide description string

Image

{{ this['image'] }}

slide image

Button Name

{{ this['button_name'] }}

slide CTA button string

Button Link

{{ this['button_link'] }}

slide CTA button link


Layout Files

Slider Module layouts are stored in the following folder structure, which you can view via Code Editor: layouts/modules/slider (module_4)/

Within this module folder you will find the following layout folders:

  • default/ - the default layout folder

    • detail/ - full page layouts folder (default not in use)

      • item.liquid - detail item content file

      • wrapper.liquid - detail item wrapper file

    • list/ - page section layouts folder

      • item.liquid - list item content file

      • wrapper.liquid - list item wrapper file

  • design_system/ - design system layouts folder

    • 1.liquid - DS layout 1

    • 2.liquid - DS layout 2

    • 3.liquid - DS layout 3

    • 4.liquid - DS layout 4

    • 5.liquid - DS layout 5