AcaTudo - Fóruns com Vida
catalog/view/template/common/header.twig - Versão de Impressão

+- AcaTudo - Fóruns com Vida (https://forum.acatudo.com)
+-- Fórum: Fórum de apoio (https://forum.acatudo.com/forumdisplay.php?fid=1)
+--- Fórum: Obras na casa (https://forum.acatudo.com/forumdisplay.php?fid=21)
+---- Fórum: Projecto plataforma OpenCart (https://forum.acatudo.com/forumdisplay.php?fid=22)
+----- Fórum: Erros detectados e soluções pasra OpenCart versão 4.0.x (https://forum.acatudo.com/forumdisplay.php?fid=2)
+----- Tópico: catalog/view/template/common/header.twig (/showthread.php?tid=12)



catalog/view/template/common/header.twig - Guardiao_AD - 2022-06-21

original com os números de coluna errados. O carrinho tem mais tamanho que o logotipo  o que causa erro visual nalgumas resoluções
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-lg-4">
        <div id="logo">
          {% if logo %}
            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
          {% else %}
            <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}
        </div>
      </div>
      <div class="col-md-5">{{ search }}</div>
      <div id="header-cart" class="col-md-4 col-lg-3">{{ cart }}</div>
    </div>
  </div>
</header>
<main>
  {{ menu }}


Corrigido:

<header>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-lg-4">
        <div id="logo">
          {% if logo %}
            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
          {% else %}
            <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}
        </div>
      </div>
      <div class="col-md-5">{{ search }}</div>
      <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
    </div>
  </div>
</header>
<main>
  {{ menu }}


RE: catalog/view/template/common/header.twig - Guardiao_AD - 2022-07-18

a solução entre as linhas 81 e 102 permite a inclusão de imagens de fundo

Original

  </div>
</nav>

    <header>
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-lg-4">
            <div id="logo">
              {% if logo %}
                <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
              {% else %}
                <h1><a href="{{ home }}">{{ name }}</a></h1>
              {% endif %}
            </div>
          </div>
          <div class="col-md-5">{{ search }}</div>
          <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
        </div>
      </div>
    </header>

  {{ menu }}
<main>

-----//----------

Corrigido

  </div>
</nav>
<main class="container">
    <header>
      <div class="container">
        <div class="row">
          <div class="col-md-4 col-lg-4">
            <div id="logo">
              {% if logo %}
                <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
              {% else %}
                <h1><a href="{{ home }}">{{ name }}</a></h1>
              {% endif %}
            </div>
          </div>
          <div class="col-md-5">{{ search }}</div>
          <div id="header-cart" class="col-md-3 col-lg-3">{{ cart }}</div>
        </div>
      </div>
    </header>

  {{ menu }}