如何在液体中更改可折叠内容菜单中单个行的背景颜色?

Question

我刚刚习惯了液体，我一辈子都不知道如何输入代码来为手风琴样式的可折叠菜单中的每一行分配颜色。

我已经设法使模式的主题编辑器，但不能让它来控制液体。

我想它应该属于我在下面写的地方，但不知道。如果有人能帮忙，我会非常感激!

下面的代码:

{% endif %}
<div class="grid__item">
{%- for block in section.blocks -%}  

[吗? ?)

<div class="accordion{% if section.settings.layout == 'row' %} content-container color-{{ section.settings.row.color }} gradient{% endif %}" {{ block.shopify_attributes }}>
<details id="Details-{{ block.id }}-{{ section.id }}"{% if section.settings.open_first_collapsible_row and forloop.first %} open{% endif %}>
<summary id="Summary-{{ block.id }}-{{ section.id }}">
{% render 'icon-accordion', icon: block.settings.icon %}
<h3 class="accordion__title h4">
{{ block.settings.heading | default: block.settings.page.title }}
</h3>
{% render 'icon-caret' %}
</summary>
<div class="accordion__content rte" id="CollapsibleAccordion-{{ block.id }}-{{ section.id }}" role="region" aria-labelledby="Summary-{{ block.id }}-{{ section.id }}">
{{ block.settings.row_content }}
{{ block.settings.page.content }}
</div>
</details>
</div>
{%- endfor -%}
</div>

Schema I created:

{"type"color"id"row_color"default"# FFFFFF"label";;Row Color"info": "更改这一行的颜色"},

Answer 1

可以这样访问section块模式数据:

{{ block.settings.id }}

id是您为特定设置定义的ID，在本例中为row_color。

在结论:

{{ block.settings.row_color }} // Returns either your default value `#ffffff` or the one selected in the customizer