如何缩短此流式代码？

Question

我想使用自定义 HTML 代码更新我的 Shopify 商店的 "New Order Notification" 邮件，但是在粘贴代码时它根本没有粘贴 100%。我联系了 Shopify，他们告诉我没有字符限制，但文件大小限制为 64 或 128 kb。

商店有18个主要类别（集合）。我要做的是确保产品根据类别名称进行排序。

以下代码在自定义模板中出现 18 次（针对每个类别）：

{% if verse_kantenklaar_maaltijden_salades != blank %}
  <tr>
    <td colspan="2">
      <h2 style="margin-bottom:15px;margin-top:5px!important;font-weight:bold;">Verse kant-en-klaar maaltijden - salades</h2>
    </td>
  </tr>

  {% for line_item_id in verse_kantenklaar_maaltijden_salades %}
      {% for line_item in line_items %}
          {% capture line_item_string %}{{line_item.id}}{% endcapture %}
          {% if line_item_id == line_item_string %}

            {% assign bonus = 'no' %}

            {% for tag in line_item.product.tags %}
              {% if tag == 'Bonus' %}
                {% assign bonus = 'yes' %}
              {% endif %}
            {% endfor %}

            <tr>
              <td>
                <a href="{{ line_item.product.featured_image | product_img_url: 'master' }}"><img alt="" src="{{ line_item.product.featured_image | product_img_url: 'large' }}" style="width: 400px;"></a>
              </td>

              <td style="text-align:left;">{{ line_item.title }} ({{ line_item.product.metafields.global.item_size }})<br>
                  <span style="font-size:34px;font-weight:bold;">
                    {% if bonus == 'yes' %}
                      {{ line_item.product.metafields.global.wpob | round: 2 }}
                    {% else %}
                      {{ line_item.product.metafields.global.wpo | round: 2 }}
                    {% endif %}
                  </span>

                  {% if bonus == 'yes' %}
                    <span style="font-size:18px;font-weight:bold;">BONUS</span>
                  {% endif %}

                  {% if line_item.quantity > 1 %}<span class="item_count" style="display: block;position: relative;width: 50px;text-align: center;background-color: #d14836;color: white;font-weight: 700;min-width: 80px;line-height: 40px;border-radius: 50px;">{{ line_item.quantity }}</span>{% endif %}
              </td>
            </tr>

          {%endif%}
      {% endfor %}
  {% endfor %}
{% endif %}

有关完整代码（包含 3 个类别），请查看 this gist。

有没有办法简化（使用循环）或压缩它以确保整个模板保持在 Shopify 限制内？

或者这可能是由其他原因引起的？总代码长度约为1500行。

Answer 1

对于任何感兴趣的人，这是更有效的版本（感谢 Evulse）：

{% assign sort_array = "" %}

{% for line_item in cart.items %}
    {% for tag in line_item.product.tags %} 
        {% if tag == 'Tag I want second' %}
            {% assign sort_array = sort_array | append: 'B:' | append: line_item.id | append: ',' %}
        {% endif %}
        {% if tag == 'Tag I want First' %}
            {% assign sort_array = sort_array | append: 'A:' | append: line_item.id | append: ',' %}
        {% endif %}  
        {% if tag == 'Tag I want Third' %}
            {% assign sort_array = sort_array | append: 'C:' | append: line_item.id | append: ',' %}
        {% endif %} 
    {% endfor %}
{% endfor %}

{% assign sort_array = sort_array | split: ',' | sort %}

{% for prefixed_line_item_id in sort_array %}
    {% for line_item in cart.items %}
        {% capture line_item_string %}{{line_item.id}}{% endcapture %}
        {% assign line_item_id = prefixed_line_item_id | split: ':' | last %}
        {% if line_item_id == line_item_string %} 
            {{line_item.product.title}}
        {%endif%}
    {% endfor %}
{% endfor %}

如何缩短此流式代码？

How do I shorten this liquid code?

liquid

shopify