Page Header

File: snippets/page-header.liquid

Screenshot not yet added.
Save as docs/src/assets/screenshots/snippet-page-header.png

Description

Page Header Snippet

This Liquid snippet renders a header with a title, subtitle, and up to two buttons. It uses Tailwind CSS for styling and conditionally renders elements based on the provided props.

Parameters

Name	Type	Description	Optional
title	String	The main heading	No
subtitle	String	A subheading or description text	No
button1_text	String	Text for the first button	No
button1_link	String	URL for the first button	No
button2_text	String	Text for the second button	No
button2_link	String	URL for the second button	No
background_image	String	URL for an optional background image	Yes
full_height	String	Boolean to set height to 380px (default: false)	No
textured_borders	String	String - ‘top’, ‘bottom’, or ‘both’ for textured borders	No

Usage

{% render 'page-header' %}