Add custom layouts

In your custom module you should create the following configuration file in /etc/contenttype_layouts.xml

Add the following in your file:

<?xml version=<span class="string"?>"1.0" encoding=<span class="string">"UTF-8"</span>?>
config xmlns:xsi=<span class="string">"http://www.w3.org/2001/XMLSchema-instance"</span> xsi:noNamespaceSchemaLocation=<span class="string">"urn:magento:module:Blackbird_ContentManager:etc/contenttype_layouts.xsd"</span>>
<span class="keyword">config</span>>

Then you should follow this rule for adding your custom layouts:

Add a category of layout (id should start at 4):

layouts id=”...” label=”...”>...<span class="keyword">layouts</span>>

In this tag, you can manage as many layout you want. Create a new layout with:

layout id=”...” label=”...”>...<span class="keyword">layout</span>>

So in your layout, you manage the columns:

column id=”...” class=”...” width=”...” float=”...”/>

class: css class: ct-column-... value

width: css class: ct-width-... value

float: css class: ct-float-... value

You can get inspire by this following file: /etc/contenttype_layouts.xml

Ex:

<?xml version=<span class="string"?>"1.0" encoding=<span class="string">"UTF-8"</span>?>
config xmlns:xsi=<span class="string">"http://www.w3.org/2001/XMLSchema-instance"</span> xsi:noNamespaceSchemaLocation=<span class="string">"urn:magento:module:Blackbird_ContentManager:etc/contenttype_layouts.xsd"</span>>
 <span class="comments"></span>
 layouts id=<span class="string">"1"</span> label=<span class="string">"1 Column"</span>>
 layout id=<span class="string">"10"</span> label=<span class="string">"1 simple column"</span>>
 column id=<span class="string">"1"</span> class=<span class="string">"main"</span> />
 <span class="keyword">layout</span>>
 layout id=<span class="string">"12"</span> label=<span class="string">"1 column separated by a middle area, with top and bottom areas"</span>>
 column id=<span class="string">"7"</span> class=<span class="string">"top"</span> />
 column id=<span class="string">"1"</span> class=<span class="string">"main-half"</span> />
 column id=<span class="string">"8"</span> class=<span class="string">"middle"</span> />
 column id=<span class="string">"2"</span> class=<span class="string">"main-half"</span> />
 column id=<span class="string">"9"</span> class=<span class="string">"bottom"</span> />
 <span class="keyword">layout</span>>
 <span class="keyword">layouts</span>>
 <span class="comments"></span>
 layout id=<span class="string">"35"</span> label=<span class="string">"3 columns separated by a middle area, with top and bottom areas (33% | 33% | 33%)"</span>>
 column id=<span class="string">"7"</span> class=<span class="string">"top"</span> />
 column id=<span class="string">"2"</span> class=<span class="string">"main-half" width=<span class="string">"33-mid"</span> /></span>
 column id=<span class="string">"1"</span> class=<span class="string">"main-half" width=<span class="string">"33"</span> /></span>
 column id=<span class="string">"8"</span> class=<span class="string">"middle"</span> />
 column id=<span class="string">"3"</span> class=<span class="string">"main-half" width=<span class="string">"33"</span> /></span>
 column id=<span class="string">"4"</span> class=<span class="string">"main-half" width=<span class="string">"33"</span> /></span>
 column id=<span class="string">"5"</span> class=<span class="string">"main-half" width=<span class="string">"33-mid"</span> /></span>
 column id=<span class="string">"6"</span> class=<span class="string">"main-half" width=<span class="string">"33"</span> /></span>
 column id=<span class="string">"9"</span> class=<span class="string">"bottom"</span> />
 <span class="keyword">layout</span>>
 <span class="keyword">layouts</span>>
<span class="keyword">config</span>>
Loading...