This is a setup example for displaying Shopify pages in a thumbnail grid list, similar to a blog. It can be implemented simply by pasting code into a Custom Liquid block — no theme file edits required. Display order is controlled by a variable at the top of the code: you can pin specific pages first, with the rest sorted alphabetically.
By defining thumbnail image and exclusion flag metafields on pages, you can set individual images for each page or hide specific pages from the list.
Result
A thumbnail card grid is displayed on the page list page. It uses Horizon's resource-card styles, so it blends naturally with the theme's design.
Step 1: Add Metafield Definitions
In the Shopify admin under Settings → Custom data → Pages, add these two metafield definitions.
◆ Thumbnail (custom.thumb_nail)
Type: File
◆ Exclude from list (custom.excluded_from_list)
Type: True or false (Boolean)
Step 2: Set Metafields on Each Page
From each page's edit screen, configure the metafield values. Upload a thumbnail image, and set "Exclude from list" to True for any pages you don't want shown in the list.
Step 3: Create Template & Set Custom Liquid
In the theme editor, create a new page template, add a "Custom Liquid" block, and paste the code.
Specify page handles in priority_handles at the top of the code (comma-separated) to pin those pages first, with the rest sorted alphabetically after them.
Dawn version: Display pages with thumbnails in a list (Dawn)
