Sorted Iteration by Index

team.liquid

      	{% assign first_block = content | split: '[team_portfolios]' | first %}
        {% assign last_block = content | split: '[team_portfolios]' | last %}
      
        {{ first_block }}
      
      <div class="main-grid-team">
       <h1 id="team">Our Team</h1>
        
        <div class="expose-row">
          
          {% for i in (1..20) %}
          	{% assign team_member_sort_order = 'team_sortorder_' | append: i %}
          	{% if forloop.first %}
          		{% assign team_sort_order = settings[team_member_sort_order] %}
          	{% else %}
	          	{% assign team_sort_order = team_sort_order | append: ',' | append: settings[team_member_sort_order] %}
          	{% endif %}
          {% endfor %}
          
          {% assign sort_order_arr = team_sort_order | split: ',' %}
          
        {% for i in sort_order_arr %}
        
        {% assign team_member_profile = 'team_profile_' | append: i %}
        {% assign team_member_name = 'team_name_' | append: i %}
        {% assign team_member_position = 'team_position_' | append: i %}
        {% assign team_member_description = 'team_description_' | append: i %}

          <div class="expose-col">
            <img class="img-responsive" src="{{ settings[team_member_profile] | img_url: 'x320' | format: 'jpg' }}" alt border="0" />
            <div class="teamData">
              <h1>{{ settings[team_member_name] }}</h1>
              <p>{{ settings[team_member_position] }}</p>
            </div>
            <div class="hoverDescription">{{ settings[team_member_description] }}</div>
          </div>
        
        {% endfor %}
          
        </div>
        
      </div>
      
      {{ last_block }}