Summer Sale! Enjoy a 30% discount. Coupon: SUMMER24(Valid for annual subscription)
qxio-ios-color-wand-outline Grab The Deal



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'}">

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

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

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
  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.

Joomla SEO Service

Grow rapidly with our Joomla SEO service done by the veterans

With over 12 years of business and a vast array of Joomla templates and extensions, we know Joomla SEO better than anyone you could possiblly hire.

Improve my ranking
On This Page