Pineapple Builder

Page list

Show pages from your website using the configured page query and filters.

Code name: PageList · Category: Collections

Registered in the live renderer. Website context and the limitations below still apply.

When to use it

Use a page list for existing articles or other published content. It depends on the surrounding website data and query configuration.

In the editor

  1. Start from a page-list configuration for your website.
  2. Choose the intended page type or filters.
  3. Verify the resulting cards and links against your published content.

Example

This example uses illustrative content. Media placeholders must be replaced with your own assets; data-backed blocks need the normal website context.

<PageList />

Behaviour and limitations

  • query is an encoded GraphQL query and variables is structured query data. Preserve a working query unless you know its contract.
  • Do not fabricate records, page identifiers or query results to fill an empty list.
  • The example relies on the normal website context and default query; it is not a standalone data source.

Property reference

Types below describe the editor controls and known choices, not every value accepted by the renderer. A renderer default is extracted from its parameter; an editor-only default does not prove the runtime default. “Not declared here” does not mean required. Preserve omitted values unless the requested edit needs them.

PropertyEditor value typeDefault evidenceGuidance
querySee guidanceComputed by rendererQuery. See the usage notes for this block.
variablesarray{"pathname_contains":"","pageType":"BLOG_PAGE","limit":20,"idIn":[]} (renderer)Variables. See the usage notes for this block.
dataFilterarray[{"label":"All"},{"label":"Startups"},{"label":"Tech"},{"label":"Management"},{"label":"Projects"}] (editor only)Data Filter. See the usage notes for this block.
paddingSee guidance3 (renderer)padding. See the usage notes for this block.
spacingobjectNot declared hereAn object of spacing settings. Preserve existing responsive values when changing a single setting.
animationType"none", "fade-up", "fade-down", "fade-left", "fade-right", "flip-up", "flip-down", "flip-left", "flip-right", "zoom-in", "zoom-left", "zoom-right""" (renderer)Entrance animation setting. Use a supported editor value; preserve it for unrelated edits.
screenListstring"" (renderer)Comma-separated device names to hide on: mobile, tablet, desktop. An empty string hides on none.
childrenSee guidanceNot declared hereNested content between the opening and closing tags. Follow the block-specific example.
Pineapple Builder - AI Website Builder Create Docs