Zo2 Podes Documentation

## Help & Support
<hr />

First of all if you are all new to Joomla, We would recommend to learn a little bit about it before you get started. Here are some nice Resources on how to get started with Joomla:

<ul>
 <li>System requirements: <a href="https://downloads.joomla.org/technical-requirements" target="_blank">https://downloads.joomla.org/technical-requirements</a></li>
 <li>Joomla documentation: <a href="https://docs.joomla.org/" target="_blank">https://docs.joomla.org/</a></li>
 <li>Joomla Training: <a href="https://community.joomla.org/joomla-training.html" target="_blank">https://community.joomla.org/joomla-training.html</a></li>
 <li>Joomla developer documentation: <a href="http://devdocs.Joomla.com/" target="_blank">http://devdocs.Joomla.com/</a></li>
 <li>Joomla Stack Exchange (Q&A): <a href="https://joomla.stackexchange.com/questions?sort=frequent" target="_blank">https://joomla.stackexchange.com/questions?sort=frequent</a></li>
 <li>Stack Overflow (Q&A): <a href="http://stackoverflow.com/questions/tagged/joomla?sort=newest" target="_blank">http://stackoverflow.com/questions/tagged/joomla?sort=newest</a></li>
 <li>Joomla's official forums: <a href="https://forum.joomla.org/" target="_blank">https://forum.joomla.org/</a></li>
	<li>ZooTemplate's Joomla Tutorials: <a href="http://guide.zootemplate.com/">Joomla Tutorials</a></li> 
</ul>

One of the most important things with Joomla is that it's had a big community for many years. Which means that you can find articles and tutorials about almost anything you need. If you have a problem in Joomla, you can be sure that someone has already solved it. So in most cases all you need to do is to find it on the forums. There's no need to reinvent the wheel.
These forums are here to provide you with access to a network of dedicated Joomla enthusiasts sharing tips, tricks and support.
<ul>
	<li>Download: <a href="https://goo.gl/q2QkDZ">Podes Template</a></li>
 <li>Live Demo: <a href="http://zt-podes.zoodemo.com/" target="_blank">http://zt-podes.zoodemo.com/</a></li>
 <li>Online Documentation: <a href="http://doc.zootemplate.com/zt-podes" target="_blank">http://doc.zootemplate.com/zt-podes</a></li>
 <li>Help Desk: <a href="http://member.zootemplate.com/helpdesk/" target="_blank">http://member.zootemplate.com/helpdesk/</a></li>
</ul>

All of our items come with free support, and we have a dedicated support system to handle your requests. Support is limited to questions regarding the Template’s features or problems with the Template. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your Template then you should enlist the help of a developer.

To submit a Ticket always remember:
<ul>
 <li>Include as many information as possible to explain your issue.</li>
 <li>Please some screenshots to explain more clarification about your issue.</li>
 <li>Your URL & admin account.</li>
 <li>Name of the Template.</li>
 <li>Your Joomla version.</li>
 <li>FTP/SFTP of your server.</li>
 <li>If you installed extensions, specify which are these.</li>
</ul>

We reserve the right to change or modify current Support Policy with no prior notice.

<h3>Support policy</h3>
<hr/>

This user guide was created to help you quickly configure the Template – please read it carefully, it will help you eliminate most of potential problems with incorrect configuration.

Please note that as authors of this Template we are able to provide support only for the features which we created and for the issues related strictly to this Template. We do not provide support for Joomla configuration, installation, maintenance, customization etc.

<h4>Template support</h4>
<hr />

If you have found any bugs or have some other problems with this Template, please refer to chapter <a href="#troubleshooting">Troubleshooting</a>. If the problem is not covered there, you can contact us via <a href="http://help.zooextension.com/">Help Desk System</a>.

We will respond as soon as possible <code>(within 24 – 48 hours, usually faster)</code>. Please make sure you take a look at the available resources before submitting a support request.

<h4>Template Installation Services</h4>
<hr/>
Please note that this Template support does NOT include Installation Services.

If you are looking for installation services then should contact us via <a href="http://help.zooextension.com/">Help Desk System</a>. We do provide 2 installation service options:
<ol>
<li><code>Kickstarter Installation</code>: Get a cloned demo site on your own server. You will be charged $100</li>
<li><code>Manual Installation</code>: Get your chosen Template installed and configured by us on your existing Joomla store. You will be charged $200.</li>
</ol>

<h4>Template and Joomla customization/modification support</h4>
<hr/>

Customization/modification of Joomla and Templates is a very large subject. So unfortunately custom modifications in the Template and in Joomla are beyond the scope of our support. For more information about how you can customize this Template, please refer to chapter <a href="#Template-customization">Template Customization</a>.

<h3>Third-party extensions</h3>
<hr />

Unfortunately we're unable to guarantee that all third-party extensions will work "out of the box" with our Template. It’s impossible for Template authors to make the Template compatible by default with all existing extensions because there are thousands of available extensions.
This is extension author's responsibility. Each extension modifies Template/Joomla functionality in different way, so it's not up to us how it will work.
When you want to install an extension, the best option is to ask about details the authors of that extension – they will know better how the extension works, what elements of Templates it overrides and how to integrate it with custom Templates.
Only the “default” Joomla Template is compatible with all third-party extensions, because all extensions are designed to work with it. But authors of the extension should provide detailed instruction about how to integrate the extension with custom Templates, since nobody really uses “default” Template, everybody uses custom Templates.
Generally all extensions can work with all Templates but they sometimes have to be integrated manually. That’s because sometimes the extension and the Template override the same Joomla template file so there can be a conflict. In such cases you need to customize the Template and merge two conflicting template files into one template file.
This isn't something specific to our Templates, this is general rule for all Joomla templates and extensions.

<h4>Support for extensions</h4>
<hr />

Unfortunately third-party extensions are beyond the scope of our support. When you want to install an extension, the best option is to ask about details the authors of that extension. They should provide detailed instructions about their extension.

## What you get
<hr />

Once you have made the purchase you will find our product in your <a href="http://themeforest.net/downloads/" target="_blank">TemplateForest Downloads</a> page. Click on Download and you will a dropdown will popup with following options :

<ol>
<li>All Files & Documentation</li>
<li>License Certificate & Purchase Code (PDF)</li>
<li>License Certificate & Purchase Code (text)</li>
</ol>
We recommend to download all files & documentation (the package) however you can simply download installable Joomla file only if you just want the Joomla Template file.

<h3>The Folder Structure</h3>
<hr />

Once you download the package, unzip it and you will find it contains the following folders.

- readme.txt
- documentation – This folder contains the documentation for the Template.
- quick-kickstarter-package – This folder contains the documentation for the Template.
- Templates-files - This folder contains the installable Template files: cleversoft-novetty.zip Installable Joomla Template.

In this document, we will find step by step instructions for installing and using this template effectively. Thank you so much for paying much attention to this tutorial. We would like to help you if you have any question relating to this

## Installing Quickstart package
---

[ZooTemplate](http://wwww.zootemplate.com) provides quickstart package for each template which aims to easy to use and comfortable for users. It will help you save much time of installing and configuring if you plan to start your site from the beginning. Installing Quickstart package is quite easy as you install normal joomla!.

- We strongly recommend to read this guide: __[Zo2 Framework - Installing Quickstart package](http://doc.zootemplate.com/zo2-installing-quickstart-package/)__ to know how to install Quickstart package.

## Installing Template Only
---

To install this Template you must have a working version of Joomla already installed. If you need help installing Joomla, follow below sites and tutorials from Joomla.com, hope everything that you need are there.

- Log-into the administration area of your site, nagative to <code>Extension</code>, then open the <code>Extensions Manager</code>

From here you can install your Templates, Plugins, Modules, Components and Languages. You have 4 options:

1. Install from Web - (select an extension listed on the Joomla! Extension Directory)
2. Upload Package File - (select a package from your PC, upload and install it)
3. Install from Directory - (enter the path where the package is located on your webserver)
4. Install from URL - (enter the URL to the package)

Option 4 does everything for you, your environment needs to be properly configured to allow this. Option 2 requires you to download the extension to your PC. Option 3 requires you to unzip and move the folders/files to your webserver. All options require the webserver to have write access to the webspace.

Here, we choose the second method: ```Upload Package File```.

- In the Upload Package File area, select the <code>Choose File</code> button, browse your PC for the template you downloaded, and click the ```Upload & Install``` button once the file name appears in the field.

__You have 2 options to install the Zo2 Podes:__

- __Option 1:__ Install ```zo2_plugin_installer.zip``` and ```tpl_zo2_podes_j3x_vx.y.z.zip``` (x.y.z is the version of Zo2 Podes). After that click on button ```Upload & Install```.
- __Option 2:__ Install ```pkg_zo2_podes_j3x_vx.y.z.zip```. After that click on button ```Upload & Install```.

To tell Joomla to use that specific template, you’ll want to go to <code>Extensions</code> => <code>Template Manager</code>. Select zo2-podes and <code>Make Default</code> to set Zo2 Podes as your default template.

To Configure Zo2 Podes template: <code>Components</code> => <code>ZO2 Framework</code> => <code>Templates Manager</code> => <code>Zo2 Podes</code>. You will see the list of params with default setting for the template. Hover your mouse on the name to see the description for each parameter.

## Update Template/Extensions
---

<h3>Prepare Installation</h3>
---

1. Always test the upgrade on a copy of your Joomla before you upgrade your live store. Never go live with the upgrade without testing.</li>
2. Backup Joomla files and the store database.

<code>Important!</code> It's very important to backup all of templates and extensions in Joomla before installation, especially when you are working on a live server. We strongly recommend you to do not omit this step.

### Uploading Template Files
---

Once you have your Joomla template downloaded on your computer, login to the administrator area of your Joomla website and upload the template through the Extension Manager (```Extensions -> Install```).

When you upgrade any ZooTemplate's product, you don’t have to uninstall the old one! Just install the new product over existing by standard installation method through Joomla installer. If you uninstall a product, you irrevocably delete all the records from the database and the product (template or module) settings.

Congrats! You have successfully upgraded the template, now you can go forward!

<code>Note:</code> After installation you can replace files or part of code from “new” template version with from “old” template files. Please note, that if you have heavily modified your template’s layout (php files) or few css we recommend to compare what has changed between file versions, and then merging those changes.

## General Settings
---

### Logo
---

The Logo feature controls the output of the template's main logo.

- __Logo Type__ - you can set the logo type as __image__ or __text__ type.
- __Logo position__ - logo can be placed on every available module position.  Not only on default "logo" position.
- __Image__ - if you chosen Image logo type, you can upload & use your own logo image (PNG, GIF or JPG).
- __Retina Logo__ - upload & use a double size of your logo to keep look great of higher resolution devices like retina or 5k display.
- __Mobile Logo__ - use separate logo for mobile devices only, in most cases use smaller version of deafult logo, which will be suitable for small displays screens in smartphones. Leave it empty if you do not want to show different logo for mobile devices.

### Sticky Menu
---

### Boxed Layout

You can use Zo2 Podes in wide (default) or boxed layout variants.

Wide layout is default in Zo2 Podes, with no visible borders or page edges, but if you like "boxed layout", then you can have boxed layout with custom width. A boxed layout (if Yes) is a form of layout where the boundary of the main body is clearly defined with "custom width" and you can choose to have image or custom color as a background.

## Template Customization
---

This chapter will take you through the steps needed to add a custom stylesheet to your Zo2 Podes, without worrying about lost changes when the template or ZO2 framework are updated. You don’t need to change any of the template files, so your custom stylesheet will not be overridden by any updates.
Before making any changes, please <code>remember that you don’t have to edit css files from ZO2 framework</code>.
In this tutorial we’ll show you, how to start customizing your Zo2 Podess in the right way.

### Customize template with CSS/LESS
---

The Zo2 Podes comes with structured CSS rules and properties which are compiled from the LESS files. However, there are some cases where we need to style the template without using LESS. One way is by using the custom CSS file with custom rules and properties to override a particular style in the template.

#### Customize template with CSS
---

Since Zo2Framework version 1.3.1 we added an option called Load <code>Custom CSS & JS</code>: if enabled, custom.css file (in which you can override the default styling of the template) will be loaded in the frontend.
<ul>
<li>In your Joomla backend, go to <code>Extensions</code> > <code>Template Manager</code> > <code>zo2_template</code> > <code>Advanced</code> > you will see the <code>Custom CSS & JS</code> option</li>
</ul>
<img class="img-responsive " src="./images/custom-css-js.png" alt="custom-css-js">
The <code>custom.css</code> file is located in: <code>zo2_template/assets/zo2/css</code>. At first the function will look for the custom.css file from your templates css folder and if file exist then function will load this files. So if you need custom code please create a new custom.css file in insert inside css folder of your current active Zo2 Podes.
<img class="img-responsive " src="./images/add-custom-css.png" alt="add-custom-css">
Some characteristics & benefit of the <code>custom.css</code> file
<ul>
<li>The file is included by default, you don’t want to load it, just remove it.</li>
<li>The file is the last file to be loaded in your site.</li>
<li>The file is not a compiled file from LESS so it will not be overridden or lost when you compile.</li>
<li>This might be useful when you want to make some changes in the template design. All the CSS placed in this file will not be lost after upgrading the template.</li>
</ul>

#### Customize template with LESS
---

Another way to add the custom style to the Zo2 Podes is by adding a custom LESS file inside <code>assets/zo2/development/less</code>. If you’re unfamiliar with LESS, please take a look at <a href="http://lesscss.org/">http://lesscss.org/</a> to get a closer look to LESS syntax. Remember, LESS syntax also compatibles with normal CSS syntax, that means you can write CSS inside a LESS file.
There are a lot of files inside <code>assets/zo2/development/less</code> directory, but pay your attentions to the file <code>template.less</code>, this is the main stylesheet file, where every template’s stylesheets is imported. You can modify this file as you need, and Zo2 Framework will check for any changes and compile LESS to CSS if needed.
If you are Joomla Developer, we recommend you should custom LESS by adding new file. To add new file, please follow the steps below:

- Step 1: Create your own LESS <code>your_file.less</code> in <code>zo2_template/assets/zo2/development/less</code>

- Step 2: Open this file: <code>zo2_template/assets/zo2/development/less/template.less</code> then import your newly added <code>your_file.less</code>

```php

/**
 * Zo2 (http://www.zootemplate.com/zo2)
 * A powerful Joomla template framework
 *
 * @version 1.4.5
 * @link http://www.zootemplate.com/zo2
 * @link https://github.com/cleversoft/zo2
 * @author ZooTemplate <http://zootemplate.com>
 * @copyright Copyright (c) 2015 CleverSoft (http://cleversoft.co/)
 * @license GPL v2
 */

@import 'core/variables.less';
@import 'core/mixins.less';
@import 'core/joomla.less';
@import 'core/megamenu.less';
@import 'core/module.less';
@import 'core/typography.less';
@import "core/normalize.less";
@import "core/style.less";
@import "your_file.less";  /* adding your custom LESS file here */

```

__Problems__

When editing less file, if you encouter an error like this:

```html

Warning: file_put_contents(/xxx/assets/zo2/css/template.css) [function.file-put-contents]: failed to open stream: Permission denied in /xxx/plugins/system/zo2/vendor/less/lessc.php on line 1835

```

All files & directory in <code>/xxx/assets/zo2/</code> directory need to be writable.

### Adding & using custom javascript files
---

The procedure of adding JavaScript code & files is same as above mentioned adding CSS files but this function will load javascript files from js folder of templates if system will find at least one <code>custom.js</code> file.
<img class="img-responsive " src="./images/add-custom-js.png" alt="add-custom-js">
If you want to add other javascript libraly then step by step
<ul>
<li>Step 1: copy your file <code>your_file.js</code> to <code>templates/zo2_template/assets/zo2/js</code><img class="img-responsive " src="./images/file-name.png" alt="file-name"></li>
<li>Step 2: Navigate to <code>/zo2_template/assets/template.json</code>, Then open file <code>template.json</code> and add new code to:</li>
</ul>
<img class="img-responsive " src="./images/template-json.png" alt="template-json">

## Profile Manager
---

A profile is a custom set of theme settings which can define the style, content and layout of your site. The default profile defines the default settings for the entire website. You can create new profiles and assign it to any different template, any language. This allows you to load different theme settings on different pages.

New profiles inherit all settings from the default profile, so you just need to apply the settings you want to change. One example where we use the profiles are the different theme variations we deliver with each theme. Also special module layout behavior is done using profiles.

- We strongly recommend to read this guide: __[Zo2 Framework - What is profile](http://doc.zootemplate.com/zo2-what-is-profile/)__ to know how to manage the profile.

Now, in your Joomla backend, select <code>Extensions</code> > <code>Template manager</code> > <code>Zo2 Podes - Default</code> to get started with new Profile function of Zo2 Framework. Profile tab is underneath the Menu Bar of Zo2 settings

Zo2 Podes comes with many amazing pre-defined profile. So You can easy to use different profile on different pages of your website.

## Layout Builder
---

Layout Builder is one of the unique features introduced in Zo2Framework which supports multiple layouts that allow you to make your content displayed flexibly. In the layout builder we used 12 columns. We called the columns as span. This means in our layout builder we used 12 span. This 12 span covered the whole width of our layout. If Users wants to create 4 columns then have to use span3 for every column. Also if anyone wants to create 3 columns then have use span4 for every column.

- We strongly recommend to read this guide: __[Zo2 Framework - Layout Builder](http://doc.zootemplate.com/zo2-layout-builder/)__ to know how to manage the layout builder.

## MegaMenu Manager
---

Zo2 Podes supports Mega Menu adding lots of advanced features. This Mega Menu is a perfect choice for creating unique menus. You can create a vertical, horizontal or fixed responsive menu with many custom styles and effects.

Mega Menu is an easy to use menu tool for creating beautiful, customized menus for your site, also with modules inside. That also boosts SEO and user engagement.

Please note that the megamenu setting is not global setting. If you use multiple styles, you need to enable and configure the megamenu option in the style you want to use the feature.

- We strongly recommend to read this guide: __[Zo2 Framework - How to manage Mega Menu](http://doc.zootemplate.com/zo2-mega-menu/)__ to know how to manage the mega menu.

## Setting Homepage
---

### Home Law Firm
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Law Firm (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH2 special zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Law Firm Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-law-firm) to know how to config for each module.

### Home Business Finance
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Business Finance (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Business Finance Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-business-finance) to know how to config for each module.

### Home Business Simple
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Business Simple (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH2d zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Business Simple Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-business-simple) to know how to config for each module.

### Home Digital Agency
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Digital Agency (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1c zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Digital Agency Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-digital-agency) to know how to config for each module.

### Home Minimal Agency
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Minimal Agency (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1c zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Minimal Agency Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-minimal-agency) to know how to config for each module.

### Home Creative Agency
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Creative Agency (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1c zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Creative Agency Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-digital-agency) to know how to config for each module.

### Home Bright Agency
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Bright Agency (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1c zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Bright Agency Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-bright-agency) to know how to config for each module.

### Home Business Consulting
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Business Consulting (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Business Consulting Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-business-consluting) to know how to config for each module.

### Home Creative Studio
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home  Creative Studio (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutBox styleH1a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Creative Studio Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-creative-studio) to know how to config for each module.

### Home Basic Agency
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Basic Agency (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH2d zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Basic Agency Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-basic-agency) to know how to config for each module.

### Home Creative Designer
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Creative Designer (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH1a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Creative Designer Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-creative-designer) to know how to config for each module.

### Home Creative Freelancer
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Creative Freelancer (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH1 styleH2a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Creative Freelancer Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-creative-freelancer) to know how to config for each module.

### Home Blog Magazine
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Blog Magazine (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH4 styleH3a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Blog Magazine Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-blog-magazine) to know how to config for each module.

### Home Blog Timeline
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Blog Timeline (see image below)

- __Layout Builder:__ in Header Row's setting, put these custom class: `layoutH4 styleH3a zo2-sticky`

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Blog Timeline Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-blog-timeline) to know how to config for each module.

### Home Shop Fashion
---

#### Template Configuration
---

- __Profile setting:__ Use profile `default` for the home Shop (see image below)

- __Layout Builder:__ in Header Row's setting:

- __Theme Preset:__ select the `Default` preset

- __Component Area:__ hide from frontpage: `YES`

#### Modules Configuration
---

Please check [Home Shop Fashion Modules Configuration](http://doc.zootemplate.com/zo2-podes/home-modules-configuration.html#home-shop-fashion) to know how to config for each module.

## Troubleshooting
---

## Change Logs
---

```

------------ 1.0.0 Release May 12, 2017  ------------

! Initial Release

```

## Support Us
---
We want to know if you are happy, unhappy, or disappointed with something the feature has done, or if you have a suggestion about how we can do something better.
Once again, thank you so much for purchasing this Template. As we said at the beginning, we'd be glad to help you if you have any questions relating to this Template. No guarantees, but we'll do my best to assist. If you have a more general question relating to the Templates on TemplateForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
All feedback will be taken seriously and treated confidentially.