A space to discuss online store customization, theme development, and Liquid templating.
In the Customizer, the console displays the following message: Could not find selected block, please make sure your theme is using {{ block.shopify_attributes }}. When should you use {{ block.shopify_attributes }}? Every time there is a for blocks loop?
I have a snippet: render 'header-dropdown-menu', mega_menu: mega_menu
{% comment %}
Accepts:
- mega_menu: {Boolean} Enable mega menu. Default: false
Usage:
{% render 'header-dropdown-menu', mega_menu: false %}
{% endcomment %}
<nav class="header__menu">
<ul class="header__menu-list">
{%- for link in section.settings.menu.links -%}
<li>
{%- if link.links != blank -%}
<details
level="top"
{%- if mega_menu -%}
is="details-mega"
{%- else -%}
is="details-dropdown"
{%- endif -%}
>
<summary data-link="{{ link.url }}">
<span class="menu__item">
<span class="font-heading underline-hover">
{{- link.title | escape -}}
{% render 'icon-caret' %}
</span>
</span>
</summary>
<div class="dropdown">
<div class="dropdown__container">
<ul class="dropdown__nav" role="list">
{%- for childlink in link.links -%}
<li>
{%- if childlink.links == blank -%}
<p>
<a class="underline-hover" href="{{ childlink.url }}">{{ childlink.title | escape }}</a>
</p>
{%- else -%}
<details level="child" is="details-dropdown">
<summary data-link="{{ childlink.url }}">
<a class="underline-hover" href="{{ childlink.url }}">{{ childlink.title | escape }}</a>
{% render 'icon-caret' %}
</summary>
<div class="dropdown">
<div class="dropdown__container">
<ul class="dropdown__nav" role="list">
{%- for grandchildlink in childlink.links -%}
<li>
<p>
<a class="underline-hover" href="{{ grandchildlink.url }}">
{{- grandchildlink.title | escape -}}
</a>
</p>
</li>
{%- endfor -%}
</ul>
</div>
</div>
</details>
{%- endif -%}
</li>
{%- endfor -%}
</ul>
</div>
</div>
</details>
{%- else -%}
<a
href="{{ link.url }}"
class="menu__item font-heading"
title="{{- link.title | escape -}}"
>
<span class="underline-hover">{{- link.title | escape -}}</span>
</a>
{%- endif -%}
</li>
{%- endfor -%}
</ul>
</nav>
Where in my snippet can I use {{ block.shopify_attributes }}?
Hi Rostislav333
For a block to be available in the preview inspector, it requires {{ block.shopify_attributes }}
to be added to the wrapping element.
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog