catalog/view/template/product/category.twig

[Guardiao_AD]

em: catalog/view/template/product/category.twig

quando na categoria há texto descritivo  mas sem  a imagem da categoria, o texto só ocupa 83% da área.
código original : ( linhas 8 - 22 )

<div class="row">{{ column_left }}
    <div id="content" class="col">{{ content_top }}
      <h2>{{ heading_title }}</h2>
      {% if thumb or description %}
        <div class="row">
          {% if thumb %}
            <div class="col-sm-2"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail"/></div>
          {% endif %}
          {% if description %}
            <div class="col-sm-10">{{ description }}</div>
          {% endif %}
        </div>
        <hr/>
      {% endif %}
      {% if categories %}
deve ser substítuido por:
  <div class="row">{{ column_left }}
    <div id="content" class="col">{{ content_top }}
      <h2>{{ heading_title }}</h2>
      {% if thumb or description %}
        <div class="row">
          {% if thumb and description %}
            <div class="col-sm-2"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail"/></div>
                <div class="col-sm-10">{{ description }}</div>
                {% else %}
                  {% if thumb %}
                    <div class="col-sm-2"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail"/></div>
                  {% else %}
                {% if description %} {{ description }} {% endif %}
              {% endif %}
          {% endif %}
        </div>
        <hr/>
      {% endif %}
      {% if categories %}

e fica corrigido o problema

---//--

mais abaixo, no final ocorre  o problema de demasiado junto ou muito em cima
código original: ( linhas 95 - 106)

      {% if not categories and not products %}
        <p>{{ text_no_results }}</p>
        <div class="d-inline-block pt-2 pd-2 w-100">
          <div class="float-end"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
        </div>
      {% endif %}
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
{{ footer }}

para corrigir acrescentar <p></p> no local certo.

       {% if not categories and not products %}
        <p>{{ text_no_results }}</p>
        <div class="d-inline-block pt-2 pd-2 w-100">
          <div class="float-end"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
        </div>
      {% endif %}
    <p><p/>
      {{ content_bottom }}</div>
    {{ column_right }}</div>
</div>
{{ footer }}

observar  > aqui <   o espaço entre o topo do ultimo banner e o texto informativo de 'Mostrar de ...' no final