Concrete5高级网格

Question

我的客户想要维护他们自己的网格，这样他们就可以完全按照自己的意愿来设计自己的设计。这方面的问题是，当我在Bootstrap中添加一个concrete5网格时，它默认创建了一个col-md-6。

问题是，我有一个两个选项的设计，移动或桌面。在默认情况下，在我的设置中，它是这样的：

<div class="row">
  <div class="col-sm-6">A</div>
  <div class="col-sm-6"><img></div>
</div>
<div class="row">
  <div class="col-sm-6"><img></div>
  <div class="col-sm-6">B</div>
</div>

这里的问题是，这应该是“桌面”版本的布局，所以我需要使用col来代替。对于所有较小的设备(col及以下)，行应该是全屏的，因此它应该是:A、B。

我如何在concrete5中实现这一点？我遇到的另一个问题是，如果我对此作出响应，设计就会按照移动的顺序显示出来：

• 文本
• 照片
• 照片
• 文本

在客户想要的地方，就像推车会进入的地方一样。

如果可能的话，我如何使用Concrete5来实现呢？当然，我可以手动设置所有内容，并将内部块作为内容，但这样做根本不灵活。

谢谢

Answer 1

这应该可以通过主题区域布局预置(在page_theme.php中定义)来实现。

缺点是你必须定义所有的可能性。

示例：

public function getThemeAreaLayoutPresets(){
$presets = array(
    array(
        'handle' => '2_columns_no_push',
        'name' => '2 Columns no push',
        'container' => '<div class="row"></div>',
        'columns' => array(
            '<div class="col-lg-6 col-md-12"></div>',
            '<div class="col-lg-6 col-md-12"></div>'
        )
    )
);
return $presets;
}

开发人员文档：http://documentation.concrete5.org/developers/designing-for-concrete5/adding-complex-custom-layout-presets-in-your-theme