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:

Extensions -> Templates -> cd_offerscart

Settings

Base settings has not been changed set to default.

Layouts

Sidebar-a has been set for left alignment

 


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

Logo Responsive

Copy of the main logo should be placed under Logo-mini position

Modules

Modules styles has been set accordingly:

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

Responsive Menu

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

Toolbars (top page)

Contact us

Custom HTML module placed under HEADERBAR position

<div style="margin-right: 50px;" class="uk-margin-top">
Contact Us: 
<span class="uk-badge uk-badge-large uk-badge-success"><i class="fa fa-phone"></i> 44 600 530 777</span>
</div>

Login

Custom HTML module placed under HEADERBAR position

<div class="uk-margin-top" style="text-transform: uppercase">
 <a href="#"><i class="uk-icon-user"></i> Login</a> | <a href="#"><i class="uk-icon-edit"></i> Register</a>
</div>

JomOffers search module placed in TOP-A position. Layout set to Horizontal.

Add Offer

Custom HTML module placed under TOP-A position:

<div style="width: 100%;">
<a href="http://jomoffers.comdev.eu/front-admin" class="button-add-offer" style="float: right"><i class="uk-icon-plus"></i> Add Offer</a>
</div>

JomOffers Latest

JomOffers Latest module placed under TOP-B posiiton

Get Connected

Article with content:

<div class="uk-text-center">
<h1>Get Connected</h2>
<h2>Everyone who wants to get connected with us regularly, do not hesitate, we are waiting for you!</h2>
<ul class="uk-grid uk-margin-top">
<li class="uk-width-medium-1-5"><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-twitter uk-icon-large"></i></span><h3 class="ut-social-title">Twitter</h3><span class="ut-social-info"> Follow us on Twitter </span></a></li>
<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-facebook uk-icon-large"></i></span><h3 class="ut-social-title">Facebook</h3><span class="ut-social-info"> Join the Conversation </span></a></li>
<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-google-plus uk-icon-large"></i></span><h3 class="ut-social-title">Google</h3><span class="ut-social-info"> Join Our Circle </span></a></li>
<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-youtube uk-icon-large"></i></span><h3 class="ut-social-title">Youtube</h3><span class="ut-social-info"> View Exclusive Videos </span></a></li>
<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-instagram uk-icon-large"></i></span><h3 class="ut-social-title">Instagram</h3><span class="ut-social-info"> Latest Images </span></a></li>
</ul>
</div>

 

 

 

  • No labels