header.phtmlのウェルカムメッセージの下にクイック検索を移動します
-
16-10-2019 - |
質問
私は現在、すべてのページのウェルカムメッセージの下にクイック検索を移動しようとしています。私は私に行きました テーマ/テンプレート/page/html/header.phtml ウェルカムMSGを「TopSearch」の上に移動しましたが、何も変えていません。私は見ました テーマ/レイアウト/page.xml しかし、私はそれを機能させるためにそこに変更できるものがあるかどうかを理解することはできません。私はPHPとXMLに慣れていないので、どんな助けも感謝しています。
これが私のものです 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>
と私 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') ?>
どんな助けも大歓迎です。
解決
CSSを修正してください、 .header .form-search
このCSSクラスは、フォーム検索スタイルに使用され、 position:absolute
このクラスで使用されているので、これを削除してフォーム検索がウェルカムメッセージの下に移動されます
他のヒント
それ以外の
<?php echo $this->getChildHtml('topSearch') ?>
これを使って
<?php $this->getLayout()->getBlock('top.search')->toHtml(); ?>
これにより、.phtmlファイルのどこにでも検索を呼び出すことができます。
CSSを見るべきだと思います。もしも position: absolute
使用されると、HTMLの移動要素は役に立ちません。
所属していません magento.stackexchange