0

我正在尝试创建一个自定义 Prestashop 模板，但我有点挣扎。我正在尝试创建一个与默认布局非常相似的布局，其中购物车位于页面的右上角，然后是其下方的全宽水平菜单。

我的标题有 3 列，第一列带有徽标，第二列带有电话号码，第三列应放置购物车。

在我的第三列中，我放置了 {$HOOK_TOP} 以使我能够在那里添加购物车。

<!-- Header -->
<div id="header" class="large-12 columns">
       <div class="row">

            <div id="logo" class="large-3 columns">LOGO HERE</div>

            <div id="contactus" class="large-3 columns">PHONE HERE</div>

            <div id="header_right" class="large-3 columns">
                 {$HOOK_TOP}
            </div>

       </div>
</div>
<!-- /Header -->

问题是水平菜单也使用了{$HOOK_TOP}，所以我的菜单显示在标题的右上角。

默认主题以相同的方式工作，但是当我查看源代码时，他们以某种方式将菜单模块移动到 #header_right div 之外并将其放置在下方，以便它可以在整个布局中全宽显示。

有谁知道他们是怎么做到的？

谢谢

4

0 回答 0