Magento:从包装器中删除页脚
我需要弄清楚如何从包装器中删除页脚并将其添加到页面末尾。我想使用一个页脚,有100%的浏览器分辨率的宽度,这是不可能的,而它的包装 我想我需要在我的主题中更改page.xml。还是local.xml?我想用正确的方式做 在page.xml中,我发现:Magento:从包装器中删除页脚,magento,layout,themes,footer,Magento,Layout,Themes,Footer,我需要弄清楚如何从包装器中删除页脚并将其添加到页面末尾。我想使用一个页脚,有100%的浏览器分辨率的宽度,这是不可能的,而它的包装 我想我需要在我的主题中更改page.xml。还是local.xml?我想用正确的方式做 在page.xml中,我发现: <block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml"> <block type
<block type="page/html_footer" name="footer" as="footer" template="page/html/footer.phtml">
<block type="page/html_wrapper" name="bottom.container" as="bottomContainer" translate="label">
<label>Page Footer</label>
<action method="setElementClass"><value>bottom-container</value></action>
</block>
<block type="page/template_links" name="footer_links" as="footer_links" template="page/template/links.phtml"/>
<block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml"/>
</block>
页脚
底部容器
尝试将页脚容器设置为绝对,使其脱离正常流程,然后将宽度设置为屏幕大小的100%。我预告你的magento安装有“页脚容器”类,因为我有。
html结构:
<div class="wrapper">
<div class="page">
<div class="footer-container">
<div class="footer">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
之后,您需要设置内部div宽度并将其居中:
.footer{
width: 900px; /* set width you want */
margin: 0 auto;
}
好的,这样我就可以使页脚容器脱离正常的流。但如何为浏览器的整个宽度设置页脚容器的宽度?此宽度:100%;仍然是指.page的宽度。我需要在页面底部为整个浏览器宽度设置一个重复的背景图像。你在线吗?我可以看一下吗?不,不幸的是还没有。我想问题是,即使我已经将页脚容器从常规流中移除,它仍然是布局网格的子级,而不是在同一级别上。好的,您可以通过更改*.phtml文件来实现。将它们从app/design/frontend/base/default/template/page/复制到app/design/frontend/[package]/[theme]/template/page/,然后通过将几行移低以使其位于.wrapper之外来修改它们。现在应该是包装部的了。好的,谢谢。我试试看。有没有办法通过调整xml文件来做到这一点?正确遵循模块结构。。
.footer{
width: 900px; /* set width you want */
margin: 0 auto;
}