Magento：移动徽标旁边的 top.menu 块

Question

我正在尝试将顶部菜单块移到主徽标旁边（见下图）

这是我真正想要做的屏幕截图。 picture what i want to do

Answer 1

您需要编辑适当的模板并根据需要调整 css。在您的案例中，您要查找的模板是：

app/design/frontend/{主题}/{模板}/templates/page/html/header.phtml

{theme} 和 {template} 取决于您实际使用的内容（默认情况下均为默认设置）。

如果没有 templates/page/html 目录创建它们并从 app/design/frontend/base/default/template/page/html/header.phtml 复制 header.phtml到你的位置。

然后编辑此 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">
            <?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') ?>

所以你只需将 echo <?php echo $this->getChildHtml('topMenu') ?> 移动到新位置（很可能在 div.quick-access 之前或而不是 div.quick-access）。

然后调整你的css.

Magento：移动徽标旁边的 top.menu 块

Magento: Moving top.menu block next to logo

magento-1.9