How to access Theme Blocks settings in Parent Section?

Online Store and Theme Development
,
1

Hey there !
I’m trying to fetch Theme Block settings in parent section.
I’m using standart for loop: {% for block in section.blocks %}, but I can only access block.type, while I need to be able to get more Block specific settings, e.g block.settings.button_url .
Did anyone find any workarounds already ?

Thanks in advance !

2

Hey - I don’t think this is possible. What would be your use case to get access to a blocks setting values in a parent section?

3

Hey Liam !
I need it to create a dynamic progress bar on top of the section, where each block - is 1 item of my progress bar, where I need to store a block.settings.step_handle setting in the data-attributes to use it in JavaScript further

4

Hi Liam,

I also want to emphasize the need to access theme block settings from the parent section or block.

This capability is particularly useful for building common UI components, like tab navigations, directly within the section’s Liquid. For instance, to generate tab buttons, we’d ideally iterate over section.blocks and use a setting from each block (e.g., block.settings.tab_name) for the button’s label.

Here’s a minimal example of what we’re trying to achieve:

<div class="tabs">
  <div class="tabs__header">
    <div
      class="tabs__list"
      role="tablist"
    >
      {%- for block in section.blocks -%}
        <button class="tabs__button" {{ block.shopify_attributes }}>
           {{ block.settings.tab_name }} {% comment %} <- Crucial part {% endcomment %}
        </button>
      {%- endfor -%}
    </div>
  </div>

  <div class="tabs_panels">
    {% content_for 'blocks' %}
  </div>
</div>

Enabling this would significantly simplify the creation of such UIs directly in Liquid and reduce the reliance on JavaScript for these common patterns.

Thanks for considering this.

5

I found this post after running into the exact same tabs scenario as @Matt_Kaminski - sometimes you need to loop over the child blocks within the parent to build a UI.
{% content_for 'blocks' %} should output blocks automatically for you, but you should also be able to access them directly just like section blocks.

1 Like