Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Overview

Template is based on the Warp 7 framework which is fast and powerful template engine.

Template Configuration

Template settings can be accessed under Joomla backend template configuration:

Code Block
Extensions -> Templates -> cd_realtypro

Settings

Most of the settings has not been changed and set to default.

Modules

BOTTOM-C position is set to SPACE

Layouts

Sidebars columns are set to default:

For the homepage a new layout has been created. System output has been disabled. Layout has been assigned for the home menu. 

Grid

Modules

There are several styles available for each module. The basic ones are Box Primary and Box Secondary. For each module header additionally an icon can be set.

Top Header

Place a custom HTML module under TOOLBAR-L position:

Code Block
 <a href="login-form"><i class="uk-icon-user"></i> Login</a>&nbsp; &nbsp;<a href="login-form"><i class="uk-icon-arrow-circle-o-up"></i> Create an account</a>

Place a custom HTML module under TOOLBAR-R position:

Code Block
<ul class="social_networks uk-clearfix">
                <li class="facebook">
                    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                </li>
                                <li class="twitter">
                    <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                </li>
                                <li class="linkedin">
                    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
                </li>
                                <li class="gplus">
                    <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
                </li>
                                <li class="rss">
                    <a href="http://realhomes.inspirythemes.biz/feed/?post_type=property" target="_blank"> <i class="fa fa-rss "></i></a>
                </li>
</ul>

Logo must be placed in the LOGO position for the menu to be seen in the Menu position.

 

Note

Logo custom HTML should be placed without any extra tags like <p> otherwise it may appear as two lines. Editor should not be used to place it, just plain HTML e.g.

<img src="images/logo.jpg" alt="logo" />

When using Editor additional <p></p> tags are being added causing additional height. 

 

Logo Small 

Logo small can be placed on the LOGO-SMALL position to show on the mobile menu  

Menu

Place Menu Module under MENU position.

Responsive Menu

In order to make the menu responsive, create a copy of the MAIN MENU and place it in OFF CANVAS position.

Maps Wide

Note

In order to use this view you need to have an Ajax Map Search Module paid addon

Create an empty page with no content e.g. empty article and assign an Ajax Map Search Module for that menu, set MAP WIDE layout and MAP HEIGHT to 100vh:

Additionally template must be set in Full Width Content mode. It can be done by creating another profile and enable the Full Width Content switch and Hide System Output:

This new layout must be assigned for the created menu at the bottom of the page:

When edits are finished click SAVE on top of the page.

Create a custom HTML module, and place it under FOOTER position:

Code Block
<div class="uk-float-left">
Copyright 2015 - <strong>PRODUCT</strong> - Best Deals Around The Internet By: <a href="http://comdev.eu" title="Joomla Cart">COMDEV</a>
</div>
<div class="uk-float-right">
<a href="#" class="uk-icon-button uk-icon-github"></a>
<a href="#" class="uk-icon-button uk-icon-twitter"></a>
<a href="#" class="uk-icon-button uk-icon-dribbble"></a>
<a href="#" class="uk-icon-button uk-icon-html5"></a>
</div>