2016-08-19 7 views
0

私の顧客は自分のグリッドを維持して、彼らが望むようにデザインを完全にデザインできるようにしたいと考えています。これの問題は、にBootstrapグリッドを追加すると、デフォルトでcol-md-6などが作成された場合です。Concrete5アドバンスドグリッド

問題は、私はモバイルまたはデスクトップの2つのオプションを持つデザインがあることです。デフォルトで私の設定では、私はこのようにそれを持っている:

<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-LGを使用する必要があると思いますので、これは代わりに、「デスクトップ」バージョンのレイアウトでなければならないことです。 Foのすべての小型デバイス(COL-MD以下)、それはのようになりますので、行がフルスクリーンをする必要があります。 B

どのように私はconcrete5でそれを達成することができますか?

  • テキスト
  • 写真
  • 写真
  • テキスト

:私が持っている他の問題は、私が作る場合は、この応答デザインは、モバイル用の順でそれを示すであろうということです顧客はそれがcol-pushが来るところのようにそれを望んでいる。

もし私がそれをConcrete5でも可能ならばどうすればいい?私は、手動ですべてを設定し、内容として内部ブロックを作成することができますが、これを行うことで、柔軟性が全くありません。

おかげ

答えて

0

これは(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

関連する問題