Special Offer: Get 20% Off on ThemeXpert products - Use Coupon Code: SAVE20

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

Installation


Follow fresh installation guideline if you are having problem to install template.

Complimentary Extensions

Template Settings


To load factory settings of this template please open template settings and click Configurator button. Under Load configurationbutton you will see all available settings there and choose settings named as your template name. Then press load button and you're done!

Sample Image

Homepage Settings


The screenshot below shows you the modules we have published on the homepage of the demo site.

Sample Image

Scrollspy Effect


In Appy we've implemented Scrollspy which listens to page scrolling and triggers events based on the scroll position. For example, if you scroll down a page and an element appears for the first time in the viewport you can trigger a smooth animation to fade in the element.

Available Effects


  • Fade
  • Scale Up
  • Scale Down
  • Slide Top
  • Slide Bottom
  • Slide Left
  • Slide Right

How to use


It is very easy to use these effects. Just you have to add an animation class and a data type. For example in order to have "Scale Up" effect in a div just have a look on the following markup.

<div data-scrollspy="{cls:'animation-scale-up'}">
.....
</div>

To have this effect for every time that content appeares just add repeat: true option.

<div data-scrollspy="{cls:'animation-scale-up', repeat: true}">
.....
</div>

Slider Settings


This module is powered by our Parallax Slider and here are the settings.

Sample Image

Scroller Settings


This module is powered by our Xpert Scroller and here are the settings.

Sample Image

Tabs Settings


We've used Xpert Tabs module here, have a look on the settings.

Sample Image

Elastic Header Settings


Elastic header is default feature of Appy Template. But, if you want to remove this feature please, follow these steps-

  1. Goto Tx_appy->widgets-> open
    elasticheader.php
  2. Find out public function
    isEnabled() { return TRUE; }
  3. Change this line to
    public function isEnabled() { return false; }
  4. Now, add this CSS code to Custom CSS box from template Admin
    body{padding-top: 0;} #roof{position: relative;}

    you are done.