Links List - 2 Column

File: sections/links-list-two-column.liquid

Templates: page.resources.json

Description

Links List - 2 Column

Renders two side-by-side columns, each with a heading and a list of links. Background color and texture are configurable.

Features:

• Two independent link columns with separate headings
• Configurable background color and texture
• Responsive: stacks to single column on mobile
• Wrapped in a white content block via wrapper-block snippet

Settings:

• column_1_title (text) — Heading for the first column, default “First Column”
• column_2_title (text) — Heading for the second column, default “Second Column”
• background_texture (select) — Background texture class, default “none”
• background_color (select) — Background color class, default “bg-white”

Blocks:

• column_1_links — Repeatable link for column 1
  • title (text) — Link display text
  • url (url) — Link destination
• column_2_links — Repeatable link for column 2
  • title (text) — Link display text
  • url (url) — Link destination

Snippets Used:

• wrapper-block — Applies background classes and white block wrapper

Dependencies: None

Tailwind Status: Full Layout, typography, and spacing use Tailwind utility classes.

Settings

ID	Type	Label	Default	Info
column_1_title	text	Column 1 Title	First Column
column_2_title	text	Column 2 Title	Second Column
background_texture	select	Background Texture	none
background_color	select	Background Color	bg-white

Blocks

Column 1 Links

• Type: column_1_links

ID	Type	Label	Default
title	text	Link Title
url	url	Link URL

Column 2 Links

• Type: column_2_links

ID	Type	Label	Default
title	text	Link Title
url	url	Link URL

Presets

• Links List - 2 Column (Category: Custom Sections)

Usage

This section can be added via the Shopify theme editor.

{% section 'links-list-two-column' %}