Use the component style variants #

Choose among ready variants instead of building new ones.

Life cycle: Redesign, example 29 of 34. Worked out on the Fit & Healthy site of Exponential 6.0.15+.

Contents #

1. In the Layouts editor
2. With templates
3. Which to choose
4. Check

In the Layouts editor #

1. The component blocks imported with the theme (exp_component_hero ...) offer their style variants as view types; the media design renders them with explayouts/block/exp_component_<name>.tpl.

With templates #

1. Override exp_component_<name>.tpl in your extension for a new variant look.

Which to choose #

Try the variants before writing a template.

Check #

• The wrapper shows ngl-vt-<style>.

Related pages #

• How a block maps to its templates
• Redesign examples, every page
• Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.