Module SystemThe Warp framework provides a flexible module system that handles module types with different templates and styles, letting you display your content anywhere on your site. Of course, the whole 3-column-layout and the fluid module grids are built without using any tables. Almost any column and module layout can be achieved with the Warp framework. Read the following descriptions carefully to learn all about the possibilities the framework offers.
Module Templates and Styles
All different module types and their variations are built on the basis of module templates, styles and images. The Warp framework provides a wide range of module templates which enables you to build nearly any kind of module type. Each module template is stored in a single file so that newly created module templates can easily be added to the existing ones. The YOOtheme templates also deliver specific module styles and images. Each module style is created to style a specific module template. The modular and robust structure of the CSS styles combined with the module templates makes module types re-useable in any other template that is based on the Warp framework. All pre-built module types are completely independent of the background of the container they are displayed in, no matter if the background is light or dark.
The Warp framework controls all the templates, styles, different colors and much more by making use of the Module Class Suffix. For each module you can choose the style and color, displayed badges and header icons and the YOOtools color. To enable the specific styles, color, etc. for a module you have to set the specific Module Class Suffix in the Module Parameters. The Warp framework will analyze the Module Class Suffixes and pass parameters. For example: style-rounded, color-black, badge-new, icon-download and yootools-black.
Module Positions
The Warp framework offers nearly unlimited combinations of module positions. The layout is based on two 3-column-layouts, one nested into the other. This provides a wide range of column-based layout combinations, so you can achieve any kind of 1-Column, 2-Column or 3-Column-layout and many more possible combinations.
In nearly all module positions you can publish as many modules as possible for your current layout. Surely, you are familiar with this for the vertical module positions like "left" and "right"; but the Warp framework also supports this feature for module positions where the modules are displayed in a horizontal row. The heights of all published modules in a horizontal row get adjusted to match each other.
All module positions are fully collapsible. If there is no module published in a certain position, this module position will contract and disappear.
Positions
Vertical Positions
Horizontal Positions
Module Proportions
One outstanding feature of the Warp framework is the possibility to choose between different module proportions for each module position. By default, the module proportions are set to equal. This means that all published modules in a horizontal module position have the same width. But you can also set the module proportions to golden ratio for a specific module position on a specific page. To do that, you have to add MODULENAME-PROPORTION to the Page Class Suffix in the Menu Item Parameters.
The following figures show the different proportions depending on the number of published modules.
Default
Golden Ratio
Module Header Subtitles
Module headers can have subtitles to provide a more detailed explanation of the module content. Just use the pipe character twice in the module name. For example "My title || My Subtitle".
