Documentation

Installing the theme

  1. Add the "theme_webbb_snow_leopard" package in the /packages folder.
  2. Search for "Add functionality" in the admin dashboard or go directly to /index.php/dashboard/extend/install/
  3. Click on "Install" next to Snow Leopard Theme.
  4. You're done: the theme, the custom block types, the custom page types and the page list templates are installed!

Customizing the theme

If you want to install the theme like the demo you can follow the following steps. This process is also a good way to get familiar with the theme and its functionalities.

The global area (sitewide areas)

There are three sitewide areas: logo, call to action and navigation.

  • Logo
    After installing the theme you can add a logo to the Sitewide logo zone. In the demo theme I've added a Block Image type with the logo. Do not add a link to the homepage, because it's already done.
  • Call to action
    In this area you can add some important things like a phone number. In my example I added a block of type "content" and I added following HTML:
    <p><span>Call us:</span> 055 920 233 23</p>
  • Navigation
    In this area you can add the "auto-nav" block (or some other navigation block).

The homepage

The homepage is associated with the Homepage page type. Obviously.

Once you're on the homepage, click on "Edit" and then on "Design". Choose the "Homepage" page type.

In the Main title area you can add a title and some other content. I added two blocks:

  • The first is content block with a H1 (heading 1).
  • The second is a content or a HTML block type where I added the following HTML:
    <div><span> Visit the <a href="#">about us page</a> or <a href="#">contact us</a> </span></div>But you're free to add the content you want.

Zone 1 can contain all kind of content. I added a Page List block type with 4 pages of type "Blog entry". The get the same lay-out as the demo theme, you have to click on the block and choose "custom template" where you can select the theme's "Snowleopard Gridlist Thumb" custom template.

Zone 2 can contain three custom blocks, but it's preferable to use the custom Snow Leopard USP block type, that will output the correct HTML markup. You can add an icon (image), a title and some content (see screenshot).

Zone 3 can also contain a "Page list". Like in Zone 1, add a Page List block type, enter a number of entries to show and save it. It's also a good thing to check the Truncate descriptions after 128 characters checkbox. Click on the block and select "custom template". There you can choose for "Snowleopard Conversation".

In the bottom of the homepage page type you can add two extra blocks that can contain the content you want. I added on the block an image with a world map and on the right block a content block.

 

The About page

The about page is made with the Full page type. The "full intro zone" and "About Pictures" areas can contain all kind of block types but the second is a flexible area. The columns adapts automatically (1, 2, 4, or 6 column layout), and in the example it contains "Snow Leopard Team Member" custom block types (6 blocks). This type let you add "circled" content blocks with the correct markup (see screenshot), what is perfect for showing team members but can be used for other things!

You can also add, like on the homepage, a custom title (H1) in the "Main title" area.