Learning Liquid - Shopify（此代码部分的问题在哪里）

Question

im learning liquid language, and using visual code editor, i'm folliwing rules about writting with, but at the moment it shows me some issue on this section code, its about "Liquid syntax error (line 18): 'for' tag was never closed"

anyone is able to tell me where can i fix that?

<div class="page-width">
  <div class="custom-content section-block">
    {%- liquid
   for block in section.blocks 
     case block.settings.width 
      when '25%'
        assign block_width = 'small--one-whole one-quarter' 
      when '33%'
        assign block_width = 'small--one-whole one-third'
      when '50%'
        assign block_width = 'small--one-whole one-half'
      when '66%'
        assign block_width = 'small--one-whole two-thirds' 
      when '75%'
         assign block_width = 'small--one-whole three-quarters'
       when '100%' 
         assign block_width = 'one-whole' 
    endcase -%}
    <div id="section-block-returns" class="section-block--padding grid__item {{ block_width }} {% if block.settings.alignment %}align--{{ block.settings.alignment }}{% endif %}" {{ block.shopify_attributes }}>
      <div class="grid__item-inner grid__item-inner--{{ block.type }}">
        <div class="rte">
          {{ block.settings.code }}
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>

Answer 1

You forgot to close the 'for loop' with the closing tag 'endfor', place it right after the 'endcase' closing tag. Like this:

{%- liquid
 for block in section.blocks 
   case block.settings.width 
    when '25%'
      assign block_width = 'small--one-whole one-quarter' 
    when '33%'
      assign block_width = 'small--one-whole one-third'
    when '50%'
      assign block_width = 'small--one-whole one-half'
    when '66%'
      assign block_width = 'small--one-whole two-thirds' 
    when '75%'
       assign block_width = 'small--one-whole three-quarters'
     when '100%' 
       assign block_width = 'one-whole' 
    endcase 
  endfor -%}

Hopefully it will work now