# Kakon

## Design Studio Marketing Agency Joomla Template

- created: 20/12/2017
- by: payothemes
- Email: payothemes@gmail.com
- Site: http://payo-themes.com/
- Tips/Video tutorial: http://blog.payo-themes.com/

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

### Introduction

Kakon is Responsive Design Studio Marketing Agency Joomla Template fresh and clean Design. It makes for corporate/business websites, creative agencies and other businesses. It looks perfect on all major browsers, tablets and phones. Just take the best Template of your choice, change the text, add your images and done! . Is build on awesome framework Helix, Sp page builder 3 and Layer Slider, both premium and included in our pack as free. What's new in this version is that over 98% is made in page builder admin, we included section drag and drop, so you can build easy your pages with our sections made in demo.

### Installation Guide

- 1. On your server create new database
- 2. create new user
- 3. add user to database
- 4. install joomla
- 5. install template
- 6. install both plugins
- 7. enable both plugins and choose template as default
- 8. install extensions
- 9. go to extensions-templates and here in tab advanced, import settings and save
- 10. create menu and choose from template

The quickstart package is basically a clone of my demo preview, a package of Joomla, Decorators template, Components, Modules, plugins, libraries, etc all of these already installed. All you need to do is to unzip to your host, create a fresh database and just follow the quick install steps. That's it, only 5 min and you have a full working website. This solution is mostly for users who will start a fresh website.
Also you will recieve an akeeba backup with our demo.
INSTALLING AKEEBA BACKUP:
1) Create a fresh database.
2) Unzip the files into your host, eg: www.yourwebsite.com would be just into public_html/ ; www.yourwebsite.com/folder/ would be in public_html/folder/
3) Access the url where you extracted the files eg: http://www.yourwebsite.com/ . A regular joomla installation should appear. Follow all the steps providing the needed details for installation. eg: https://youtu.be/z6Q0fbUPQKs
1. create database 2. create user 3. add user to database created 4. upload quickinstall zip to your server and from cpanel unzip it 5. go to yoursite.com/installation and follow steps 6. When you see to choose user admin, choose and add your pass for login 7. After installation is finished go to admin panel of joomla 8. That's it. You have any issues, like php version to old or you have problem with your folder's permissions, please contact your hosting to solve this problem regarding permissions and php version. Before upload to tf, we tested our theme, plugins, quickinstall on localhost and online servers, so we know that is working 100%, if you have any problem, please contact us.
4) Access your administrator eg: www.yourwebsite.com/administrator/ , login and go to Site > System Information. Here look at the tab called "Directory Permission" and make sure all the folders listed are green "Writable". If not change their permissions to 755 for folders (or in some rare servers try 757) and files to 644 (the same in some rare servers try 646).
Also, Joomla recommends the php option Display Errors to be disabled. Some servers have this option enabled. The advantage is you can change this settings from the Global Configuration, 3rd tab called Servers. There is an option there, Display Errors, and set it to None.
INSTALLING STANDALONE VERSION (Piece by piece):
Install Joomla by downloading from here http://www.joomla.org/ or by installing it from your cPanel Fantastico. After install, please have a look inside the folder called Decorators template (piece by piece) and install every zip you find through Extension Manager > Upload & Install. I also attached screenshots of each extensions/template/module/etc's settings page so you will know what settings to apply.
If you prefer this method, we recomand you to install on subdomain Quickstart to see exactly how our theme is setup.
1. Install theme
2. Install both plugins from Plugins folder
3. Enable both plugins
4. Set our template as default
5. Customise and make import of our demo settings.

Update
Is very simple to update our template. You need to:
1. Make full backup
2. Install our new version of theme/extension like you are install like first time. or read point 3.
3. Check first folder update and using FTP client like Win scp, file zilla, etc replace old files with new files from folder Update.

Helix framework Documentation: https://www.joomshaper.com/documentation/helix-framework/helix3 Sp page builder Documentation: https://www.joomshaper.com/documentation/joomla-extensions/sp-page-builder

### Css suffix in modules

Module page builder

Addon text with class kakon02

Addon feature with class kakon03 radius100

Component-module Sp portfolio

Addon feature with css class kakon04

HTML Addon for team with code

<div class="single_team">
<div class="img_wrap">
<img src="/kakon/images/team01.png" class="img-responsive" alt="">
<div class="social_link">
<div class="social_table">
<ul class="list-inline">
<li><a href="/kakon/"><i class="fa fa-facebook"></i></a></li>
<li><a href="/kakon/"><i class="fa fa-twitter"></i></a></li>
<li><a href="/kakon/"><i class="fa fa-linkedin"></i></a></li>
<li><a href="/kakon/"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="team_title">
<h3>Nusrat faria</h3>
<p>Co Founder</p>
</div>
</div>

Joomla module with Owl carousel and class in page builder addon Module : single_testimonial

html code for owl

<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru.</p>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<h3>Normoni</h3>

HTML addon with code

<div class="pricing-table">
<p class="ccr-price-title">Basic</p>
<div class="ccr-price">
<p class="ccr-price-value">$19</p>
</div>
<ul class="ccr-price-list">
<li>Up to 1 Hours</li>
<li>10 images</li>
<li>5 Outfit Changes</li>
<li>10 Edited Images</li>
<li>Hi-rs images on FD</li>
</ul>
<button class="btn-price-bg">Select Plan</button>
</div>

## Sections in Page builder

- In page builder sections from default are locked, because we can't provide licence key for autoupdate. Why? Page builder is premium extension, we have developer version-licence and we can't provide our licence. Joomshaper won't let us to give this licence for all users. You can use only our sections and sections made by you.

We are using Page builder PRO 3 and we made some css customs only for Page builder's addons. You can see them above: How to add css class in builder: https://www.youtube.com/watch?v=xBvw-r_Pdz8

## Presentation of Kakon front-admin

https://www.youtube.com/watch?v=xBvw-r_Pdz8
https://www.youtube.com/watch?v=5mHhhxNH4eQ

How to find a class: Mozilla with debugger, click on F12 and choose left arrow

For better understanding, please install quickinstall on subdomain (not folder) and check how is configured.

### Extension used

SP Page builder PRO 3(click here for official doc)

Layer slider for Joomla

Helix3 framework

Sp simple portfolio

Owl carousel

### Configuration

## Need custom css file?

To have your own custom css, please go to templates - kakon - css and here create custom.css. We didn't create this file because on update, we don't want you to lose your custom work.

## IF YOU DON'T USE QUICKINSTALL :

- Please open folder Import and there you can see all pages sp page builder exported, you can import them:
1.HOW TO IMPORT A PAGE IN PAGE BUILDER?
R: Go to SP Page Builder - Add new page - Choose Import - Choose your page and save.
2. IMPORTED PAGE BUT IMAGES ARE HIDDEN
R: Before importing pages, copy folder images from our quickinstall to your joomla site.
3. I INSTALLED FRESH THEME AND I DONT SEE ANY STYLE CSS
R: In folder Import you have files for every theme style.
4. HOW TO IMPORT THEME STYLE?
R: Go to Extensions - Templates - Style - Hit Duplicate theme - Open new style created - go to Advanced - scroll down to Settings Import/Export - in box shown, add code from file theme style that you want to import anf hit Import Settings and save - don't forget to add name on style and save again.

## HOW TO CHANGE COLORS/BACKGROUND :

Main color
- Using ftp go to templates/kakon/css/style.css
- Open website in browser and with developer check color, open style.css with notepad, we are using notepad++ (is better) and use function search and replace replace our color with your color and save.
Background like footer :
- In joomla admin, open extensions - templates - styles and choose your theme - choose tab layout - click on settings and there you can see background color - choose your color - save - save page - clean cache.
- We created css classes, to be faster for you to use our template, if you don't want to use them, Just choose font/size/color from SP PAGE BUILDER PRO

## More Options in Template's Style

Extensions - templates - click on kakon style (choose one by one) and you will see:

Header:
- Sticky Header: yes or no
- Favicon: here you can upload your favicon
Logo
- logo type image and you can upload your image here, or select as TEXT and you can add your text.
Footer
- Here you can change footer text
Social Icons
- you can add top socials like twitter, facebook, etc
Contact Information
- in this section you can enter your contact infos and will be shown in top bar, before menu.
Coming Soon
- If you site is not ready, you can check this option and visitors will see custom page under construction
Layout tab:
- here you can create your site layout,
- you can create one layour or more layouts: if you want to create new/different layout, you need to duplicate your theme and to build your layout. Please check our images how we add css class in layout's template. Also best ideea is to install our demo on subdomain and check how is configured. And why not, if you don't know something, please let as know on support website, and we will help you.
Menu tab:
- here you can have 3 options:
- menu mega menu, off canvas (just icon) and both:menu and icon
Custom code tab:
- here you can add your custom css

You can find our config import in folder import from our pack.

### Support & FAQ

If you need any support with this template, You can place comment on item comment section or you can send me mail through my profile .
Thank You

### Source & Credits

Page builder pro

Layer slider for Joomla

Helix3 framework

Sp simple portfolio

Owl carousel