An about-us section with picture and text #

An "about us" band: who you are in two sentences, a picture and a link to the full page.

Life cycle: Build, example 2 of 35. 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. Open Layouts > Layouts and the layout Landing Page / Home; the editor opens it in a draft.
2. Open the block palette (+ at the top left) and drag About (group Components) into the zone main.
3. Select the block, open the Design tab and fill Title, Content, Image URL, Image alt text, Link text, Link URL.
4. Publish layout. The pages that use the layout show the block on their next view.

About, Hero, Features and Lead share one handler (expLayoutsComponentBlockHandler) and so the same eight fields; each type has its own template.

With templates #

1. Write extension/mysite/design/media/templates/explayouts/tpl_block/about_us.tpl in your design extension, clear the template cache, and place it with a Template block whose Template name is about_us (Your own template blocks).
2. Read the text from a content page so it is edited where it belongs, for example an ng_landing_page "About us" with title, full_intro and image.

{def $about = fetch( 'content', 'node', hash( 'node_id', <node id of About us> ) )}
<section class="container about-us">
    <h2>{$about.name|wash}</h2>
    {attribute_view_gui attribute=$about.data_map.full_intro}
    {attribute_view_gui attribute=$about.data_map.image}
</section>
{undef $about}

Which to choose #

A fixed text that rarely changes fits either way; the block keeps it with the layout, the template keeps it in git.

Check #

• ngl-about on the wrapper (block).
• The link goes to the full page.

Related pages #

• Your own template blocks
• The Design tab
• Build examples, every page
• Free documentation: this page is free to copy, translate and improve under the GNU FDL 1.3.