Tabbed product grids

1<gpl-ctabs class="gpl-ctabs">2  <div class="gpl-ctabs__nav">3    {%- assign rows = section.settings.tabs | newline_to_br | split: '<br />' -%}4    {%- for row in rows -%}5      {%- assign parts = row | strip | split: '|' -%}6      <button type="button" class="gpl-ctabs__btn{% if forloop.first %} is-active{% endif %}" data-tab="{{ forloop.index0 }}">{{ parts[0] | strip }}</button>7    {%- endfor -%}8  </div>9  {%- for row in rows -%}10    {%- assign parts = row | strip | split: '|' -%}11    {%- assign col_handle = parts[1] | strip | handleize -%}12    {%- assign c = collections[col_handle] -%}13    <div class="gpl-ctabs__grid"{% unless forloop.first %} hidden{% endunless %} data-panel="{{ forloop.index0 }}">14      {%- for p in c.products limit: 4 -%}