Cadê o Erro?

[Jhonatan Prudêncio]

Olá! Aprendi HTML há 12 anos, desde então usei muito pouco. Agora estou em transição de carreira e tentando colocar um site no ar.

E a shopify está dizendo que tem um erro de html. Deve ser uma coisa muito idiota, mas estou há 3h tentando achar. É muito tempo pro tamanho de código que é.

Alguém poderia me ajudar a encontrar o erro?

 

<div class="{% if item.top_offset == 'none' %}nomargin {% elsif item.top_offset == 'small' %}tt-offset-small {% endif %}container-indent">
 <div class="novidade">
  <div class="container{% if item.fullwidth %}-fluid{% endif %}" data-sectionname="index_sectionmasonry_products">
    {% if item.show_title %}<div class="tt-block-title">
      <h2 class="mtt-title">{{ item.text1 }}</h2>
    
      {% unless item.text2 == '' %}<div class="tt-description">{{ item.text2 }}</div>{% endunless %}
      {% unless item.default_carousel %}{% unless item.text3 == '' %}<p>{{ item.text3 }}</p>{% endunless %}{% endunless %}
    </div>{% endif %}
    <div class="tt-product-listing-masonry">
      <div class="tt-product-index-init tt-add-item">
        {%- for product in collection.products limit: length -%}
        {%- if item.doblesize -%}
        {%- capture masonrydoublesize -%}{%- cycle = '', '', 'double-size', '', '', 'double-size', '', '', '', '' -%}{%- endcapture -%}
        {%- capture external_size -%}{%- cycle = '500x', '500x', '1024x', '500x', '500x', '1024x', '500x', '500x', '500x', '500x' -%}{%- endcapture -%}
        {%- else -%}{%- assign external_size = '500x' -%}
        {%- endif -%}
        
        {%- unless settings.products_design == 'hidden' -%}<div class="element-item {{ masonrydoublesize }}">{%- endunless -%}
          {%- include "product-grid-item" -%}
        {%- unless settings.products_design == 'hidden' -%}</div>{%- endunless -%}
        {%- endfor -%}
        <P>
          <p>
            <P>
          <p>
            <P>
          <p>
            <P>
          <p>
      </div>
    </div>
  </div>
</div>

 

[lowys]

Não sei q outra linguagem é essa.
Mas se
1) Aquele if começou dentro da div
ele deveria terminar
2) dentro da div
e não fora.

Em 13/05/2022 em 14:46, Jhonatan Prudêncio disse:

{%- endfor -%}
        <P>
          <p>
            <P>
          <p>
            <P>
          <p>
            <P>
          <p>
      </div>

Não sei que outra linguagem é essa, que está mesclada com o html
mas o que significam essas tags com P maiúsculo na linguagem usada?
é um componente customizado?
Se é, onde está o fechamento deste componente?
E das tags com p minúsculo? Onde estão as respectivas tags de fechamento?