Question

对于我的项目http://www.merekhayaal.com/（Magento CMS）我试图让Masonry布局和产品滑块全宽。它们目前是960px，这是因为它们包含在div'main'中。 Masonry布局从类“内容”获取其图像，其内容与Content＆gt;相关联。首页＆gt;页面＆gt; CMS＆gt; Magento的。

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

Answer 1

最好的解决方案是创建一个新的布局，专门删除包含的div＆＃34; main＆＃34;，然后将其分配到您的主页。

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

Answer 2

我在类似的解决方案背后运行，我做了以下操作：克隆[layoutcolumn].phtml中所需的[package]/[theme]/template/page并将滑块放在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>

所以我没有失去其他积木的设计。我不知道它是否是最佳解决方案，但它确实有用。

Magento主页布局

2 个答案: