title: Is there a way for concatenate two strings and then process the result inside the Output tags not as a string?
body: <p>Here's what I am trying to accomplish:</p>
  
  <pre><code>  &lt;ul class="site-nav__dropdown"&gt;
      {% for childlink in linklists[child_list_handle].links %}
  this - {% assign color_from_settings = 'settings.collection_color_' | append: forloop.index %}
  used here -  &lt;li{% if childlink.active %} class="site-nav--active" {% else %} style="background-color: {{ color_from_settings }}" {% endif %}&gt;
          &lt;a href="{{ childlink.url }}" class="site-nav__link"&gt;{{ childlink.title | escape }}&lt;/a&gt;
        &lt;/li&gt;
      {% endfor %}
    &lt;/ul&gt;
  </code></pre>
  
  <p>When this gets rendered I get:</p>
  
  <pre><code>background-color: settings.collection_color_1;
  </code></pre>
  
  <p>instead of the actual color fetched from settings_data.json which looks like this:</p>
  
  <pre><code>{
    "current": "Default",
    "presets": {
      "Default": {
        ...
        "collection_color_1": "#9997c0",
        "collection_color_2": "#8997b1",
        "collection_color_3": "#7997a2",
        "collection_color_4": "#699793",
        "collection_color_5": "#599784",
        "collection_color_6": "#499775",
        "collection_color_7": "#399766",
        "collection_color_8": "#299757",
        "collection_color_9": "#199748",
        "collection_color_10": "#099739"
      }
    }
  }
  </code></pre>
  
  <p>Is there a way to accomplish this programmatically, or do I really have to use &lt;% case forloop.index %> ?</p>