Skip to main content

Text / HTML Block

Display text and HTML content from metafields on your storefront.

Compatible Metafield Types​

Single value types:

  • Single-line text field
  • Multi-line text field
  • Rich text field
  • Number integer
  • Number decimal
  • Dimension
  • Volume
  • Money
  • String (deprecated)
  • Integer (deprecated)

List types:

  • list.single_line_text_field
  • list.number_integer
  • list.number_decimal
  • list.dimension
  • list.volume

Customization Options​

Text and Background Appearance​

Adjust text color, background color, and text styling to match your theme.

Content Wrapping​

Add static text around dynamic metafield content using prefix and suffix options. This lets you wrap your metafield values with custom labels or formatting.

List Display Options​

When using a list metafield type, additional formatting options become available:

Display Format​

Choose how list values are rendered:

  • Bulleted list Standard unordered list with bullet points
  • Numbered list Ordered list with sequential numbers
  • Comma-separated Inline values joined by commas for a compact display

List Spacing​

Control the gap (in pixels) between individual list items for comfortable readability.

Item Borders​

Add a bottom border to each list item for visual separation. The border color is customizable to match your theme.

Dimension and Volume Units​

For list.dimension and list.volume metafields, each item automatically displays with its unit (e.g., "150 cm", "2.5 L"). The value and unit are rendered together from the metafield data.

Use Cases
  • Product specifications Use list.dimension to show multiple measurements (length, width, height) as a bulleted list
  • Ingredients or materials Use list.single_line_text_field for a comma-separated list of ingredients
  • Nutritional values Use list.number_decimal with a numbered list for detailed breakdowns