Magento: Bewegen top.menu Block neben Logo

Question

Ich versuche, Hauptlogo direkt neben Top-Menüblock zu bewegen (siehe Bild unten)

Hier Screenshot, was genau ich tun möchte. picture what i want to do

Answer 1

Nun, Sie müssen geeignete Vorlage bearbeiten und CSS anpassen, falls erforderlich. In Ihrem Fall Vorlage, die Sie suchen ist:

app/design/frontend/{Thema}/{template} /templates/page/html/header.phtml

where {Thema} und {template } hängt davon ab, was Sie tatsächlich verwenden (beide sind standardmäßig voreingestellt).

Wenn es kein templates/page/html-Verzeichnis gibt, erstellen Sie diese und kopieren Sie header.phtml von app/design/frontend/base/default/template/page/html/header.phtml in Ihren Speicherort.

Dann bearbeiten Sie diese header.phtml.

standardmäßig sieht es dies wie:

<div class="header-container"> 
    <div class="header"> 
     <?php if ($this->getIsHomePage()):?> 
     <h1 class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a></h1> 
     <?php else:?> 
     <a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><img src="<?php echo $this->getLogoSrc() ?>" alt="<?php echo $this->getLogoAlt() ?>" /></a> 
     <?php endif?> 
     <div class="quick-access"> 
      <?php echo $this->getChildHtml('topSearch') ?> 
      <p class="welcome-msg"><?php echo $this->getChildHtml('welcome') ?> <?php echo $this->getAdditionalHtml() ?></p> 
      <?php echo $this->getChildHtml('topLinks') ?> 
      <?php echo $this->getChildHtml('store_language') ?> 
     </div> 
     <?php echo $this->getChildHtml('topContainer'); ?> 
    </div> 
</div> 
<?php echo $this->getChildHtml('topMenu') ?> 

so bewegen Sie einfach Echo <?php echo $this->getChildHtml('topMenu') ?> zu neuen Standort (wahrscheinlich vor oder anstelle von div.quick-Zugriff).

Dann passen Sie Ihre CSS.