css - 插值内的句柄

Question

我在 shopify 建立了一家商店，而且我在这方面还很新。

我想在一个插值中插入一个 collection.handle，如下所示：

style="color: {{ settings.tomas_{{collection.handle}} }} !important;" 

这是为了创建一个干燥的公式来修改每个集合的 css。我用这种模式在设置中创建了我的页面颜色：

tomas_example_collection：“FFF”，tomas_second：“F1F1F1”

如果我对它们进行硬编码，它们就会起作用，但我不知道如何在插值中进行插值。

你会推荐什么？

谢谢！！！

标签： csssassshopifyliquidhandle

Answer 1

你不能在液体中传递液体。

您需要在传递之前在外面生成目标字符串。

在你的情况下：

{%- assign target = 'tomas_' | append: collection.handle -%}

style="color: {{ settings[target] }} !important;" 

我们创建一个变量来保存字符串并使用方括号将其传递给设置对象。