Quick Search unten bewegt Begrüßungsnachricht in Header.phtml
-
16-10-2019 - |
Frage
Ich versuche derzeit, die Schnellsuche unter meiner Begrüßungsnachricht auf allen Seiten zu verschieben. Ich bin zu meinem gegangen Thema/Vorlage/Seite/HTML/Header.phtml und bewegte den Welcome-MSG über die "TopSearch", aber es ändert nichts. Ich habe mich angesehen Thema/Layout/Seite.xml Aber ich kann nicht herausfinden, ob ich dort etwas ändern kann, damit es funktioniert. Ich bin neu in PHP und XML, daher würde jede Hilfe geschätzt.
Hier ist mein Page.xml
<block type="page/html_header" name="header" as="header">
<block type="page/template_links" name="top.links" as="topLinks"/>
<block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>
<block type="core/text_list" name="top.menu" as="topMenu" translate="label">
<label>Navigation Bar</label>
<block type="page/html_topmenu" name="catalog.topnav" template="page/html/topmenu.phtml"/>
</block>
<block type="page/html_wrapper" name="top.container" as="topContainer" translate="label">
<label>Page Header</label>
<action method="setElementClass"><value>top-container</value></action>
</block>
</block>
Und meine Header.phtml
<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">
<p class="welcome-msg"><?php echo $this->getWelcome() ?> <?php echo $this->getAdditionalHtml() ?></p>
<?php echo $this->getChildHtml('topSearch') ?>
<?php echo $this->getChildHtml('topLinks') ?>
<?php echo $this->getChildHtml('store_language') ?>
</div>
<div id="phone_number">1(888)641-7988</div>
<?php echo $this->getChildHtml('topContainer'); ?>
</div>
</div>
<?php echo $this->getChildHtml('topMenu') ?>
Jede Hilfe wäre sehr geschätzt.
Lösung
Bitte korrigieren Sie Ihre CSS, .header .form-search
Diese CSS -Klasse wird für den Suchstil des Formulars verwendet und position:absolute
wird in dieser Klasse verwendet, also entfernen Sie diese und die Formsuche wird unter Ihre Begrüßungsnachricht verschoben
Andere Tipps
Anstatt von
<?php echo $this->getChildHtml('topSearch') ?>
benutze das
<?php $this->getLayout()->getBlock('top.search')->toHtml(); ?>
Auf diese Weise können Sie Ihre Suche überall in Ihrer .phtml -Datei anrufen.
Ich denke, Sie sollten sich Ihre CSS ansehen. Wenn position: absolute
wird verwendet, bewegte Elemente in HTML, hilft nicht.