Why isn't the html dt tag rendering on my theme footer?

Store Design
, ,

Topic summary

Issue: The

(definition term) for the phone label in a Shopify footer block doesn’t render, while address label/value do.

Context: In footer.liquid, the code renders a definition list:

  • Renders: {{ block.settings.main-address-label }} and {{ block.settings.main-address }}
  • Does not render: {{ block.settings.main-phone.label }}; phone value renders via .

Schema: Settings include ids main-address-label (text), main-address (richtext), and main-phone (text). The translation file maps UI labels (e.g., “Main Phone”) used in the theme editor, not as runtime values in Liquid.

Likely mismatch: The code references main-phone.label, but only main-address-label exists as a separate setting to output. Label keys in schema/lang files are editor-facing and aren’t available as block.settings.* at render time.

Suggestion offered: Switch references from block.settings.* to section.settings.* in the Liquid template.

Outcome: The original poster states they solved the issue via another method but did not share details. No confirmed, shared fix in-thread; discussion effectively closed. Code snippets are central to understanding this issue.

Summarized with AI on February 1. AI used: gpt-5.
1

Hello all, I am working on a block to add to my theme footer but I need help to understand why this html dt tag does not render on my Shopify theme?

<dt>{{ block.settings.main-phone.label }}</dt>

Here are the lines of code from my footer.liquid file. The main-address-label & main-address renders but I had to repeat myself by “duplicating” all the code from main-address to main-address-label.

<dl>
<dt>{{ block.settings.main-address-label }}</dt>
<dd>{{ block.settings.main-address }}</dd>
<dt>{{ block.settings.main-phone.label }}</dt>
<dd><a href="tel:{{ block.settings.main-phone }}">{{ block.settings.main-phone }}</a></dd>
</dl>

{% schema %}
{
"type": "captiond",
"name": "t:sections.footer.blocks.captiond.name",
"settings": [
{
"type": "text",
"id": "heading",
"default": "Contact",
"label": "t:sections.footer.blocks.captiond.settings.heading.label"
},
{
"type": "text",
"id": "main-address-label",
"default": "Main Address",
"label": "t:sections.footer.blocks.captiond.settings.main-address-label.label"
},
{
"type": "richtext",
"id": "main-address",
"default": "<p>Lorem</p>",
"label": "t:sections.footer.blocks.captiond.settings.main-address.label"
},
{
"type": "text",
"id": "main-phone",
"default": "+333333333333",
"label": "t:sections.footer.blocks.captiond.settings.main-phone.label"
},
]
}

Code lines from the file en.default.schema.json

...

"captiond": {
"name": "Contacts",
"settings": {
"heading": {
"label": "Contacts"
},
"main-address-label": {
"label": "Pick a label for the address"
},
"main-address": {
"label": "Main Address"
},
"main-phone": {
"label": "Main Phone"
}
}
}
2

Hi @fbi

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Your code:

<dl>
<dt>{{ block.settings.main-address-label }}</dt>
<dd>{{ block.settings.main-address }}</dd>
<dt>{{ block.settings.main-phone.label }}</dt>
<dd>{{ block.settings.main-phone }}</dd>
</dl>

You can change “block” to “section”. Same bellow code:

<dl>
<dt>{{ section.settings.main-address-label }}</dt>
<dd>{{ section.settings.main-address }}</dd>
<dt>{{ section.settings.main-phone.label }}</dt>
<dd>{{ section.settings.main-phone }}</dd>
</dl>

I hope it would help you!

3

Thanks, @PageFly-Kate . I read your solution but I already solved it through another way.

1 Like