Magento主页布局

Question

对于我的项目http://www.merekhayaal.com/（Magento CMS）我正在尝试获得砌体布局和产品滑块全宽。它们目前是960px，这是因为它们包含在div"main"中。Masonry布局从类"内容"中获取图像，该类明显链接到"内容">"主页">"页面">"CMS">"Magento"。

当我试图将1column.phtml中的"content"类移到"main"（其宽度设置为960px）之外时，我得到了所需的结果，但这也会导致其他页面（如"联系我们"等）中的内容变为全宽，这会破坏网站设计。div是否可能比其父div大？有什么建议吗？我该怎么办？

Answer 1

最好的解决方案是创建一个新的布局，专门删除包含的div"main"，并将其分配到主页。

关于如何创建新布局模板的文档：http://www.magentocommerce.com/wiki/4_-_themes_and_template_customization/0_-_theming_in_magento/adding_cms_layout_templates

Answer 2

我运行的是类似的解决方案，我做了以下操作：克隆[package]/[theme]/template/page中所需的[layoutcolumn].phtml，并将滑块放在div page中，如下所示：

 <div class="page">
        <?php echo $this->getChildHtml('header') ?>
        <div class="main-container col1-layout">
            <div class="main">
                <?php echo $this->getChildHtml('breadcrumbs') ?>
            </div>
        </div>
        <?php echo $this->getLayout()->createBlock('[myslide]/[myslide]')->setTemplate('[myslide]/[myslide].phtml')->toHtml();?>
        <div class="main-container col1-layout">
            <div class="main">                                
                <div class="col-main">
                    <?php echo $this->getChildHtml('global_messages') ?>
                    <?php echo $this->getChildHtml('content') ?>
                </div>
            </div>
        </div>
        <?php echo $this->getChildHtml('footer_before') ?>
        <?php echo $this->getChildHtml('footer') ?>
        <?php echo $this->getChildHtml('global_cookie_notice') ?>
        <?php echo $this->getChildHtml('before_body_end') ?>
    </div>

所以我没有失去其他区块的设计。我不知道这是否是最好的解决方案，但它奏效了。