Text with Links

File: sections/text-with-links.liquid

Templates: page.resources.json

Description

Text with Links

Two-column layout with rich-text content on the left and a list of arrow-button links on the right. Background color and texture are configurable.

Features:

• Rich-text body with prose styling
• Uppercase small heading above content
• Repeatable link blocks rendered as arrow buttons with dividers
• Configurable background color and texture
• Responsive: stacks to single column on mobile

Settings:

• heading (text) — Small uppercase heading above the content
• content (richtext) — Rich-text body content
• background_texture (select) — Background texture class, default “none”
• background_color (select) — Background color class, default “bg-white”

Blocks:

• links — Repeatable link item
  • title (text) — Link display text
  • url (url) — Link destination

Snippets Used:

• arrow-button — Renders a styled link with arrow icon

Dependencies: None

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

Settings

ID	Type	Label	Default	Info
heading	text	Heading
content	richtext	Content
background_texture	select	Background Texture	none
background_color	select	Background Color	bg-white

Blocks

Links

• Type: links

ID	Type	Label	Default
title	text	Title
url	url	Url

Presets

• Text with Links

Usage

This section can be added via the Shopify theme editor.

{% section 'text-with-links' %}