###### Hybrid Design With ♥ by inebur

# FAQ.

1 What Software Can I Use To Edit Antler Template?

There are several softwares that can be used to edit Antler Template. however, we highlight the Sublime Text. Besides being an open source software, is a sophisticated text editor for code, markup and prose. We highlighted the fact that you can save and upload files directly to the server. Through the FTP Sync plugin here The simplest method of installation is through the Sublime Text console at Package Control
Learn more about Sublime text here

2 Is My WHMCS License Key Invalid?

First, you must purchase a WHMCS plan to gain access your license key. Please, check WHMCS plans here
If you have already been purchased a WHMCS plan and you have a license key, do login to your WHMCS members area, go to your license page and then reissue it. More some suggestions:
- Make sure your server firewall isn't blocking WHMCS as well,
- Make sure curl is running in your server;
- Contact WHMCS Support via help center

3 Where Can I Find For The Demo Images?

All images used on the demo site is for demonstration purposes only and are not included in the main download file. However, because the images they may be used freely for almost any purpose, I can send you all images. Please, contact me via support@inebur.com

4 How Can I Add And Configure Live Chat (Tawk.to) on Antler Demo Template?

Tawk.to is a free messaging app to monitor and chat with the visitors on your website, mobile app or from a free customisable page. To install as owner, following the steps below:
1 - First, sign up at tawk.to;
2 - Now, follow the admin panel and copy Widget Code;
3 - Paste code inside custom.js file. Please note, don't forget to add script tag, in all HTML files, like this:

    <script src="js/custom.js"> <script/>

If you wish to run tawk.to in the WHMCS Template, follow the steps in question number 17. here

5 Where Can I Download The Latest Version?

All updates are free and you can download through Themeforest page.
Antler Template is constantly updated with code fixes, layout adjustments or introduction of new features and pages.
So, It is recommended to update always to the recent version, however it is necessary attention care to not lose information already contained in your Website.

6 How can I Put The Cart To Work?

Well, I will try to help, but I'm not developer. First, you need create an icon cart on header for example. You should add a condition on the "Cart" button event to check the selected plan. When user clicks the button (Any product), the click event will be fired and he will be added to cart , according to the selected plan. You can use an if/else or switch/case conditional statement. I hope this help you!

7 The Blog Comment System Does Not Work?

Please note, the Blog Page was build in HTML5 and CSS3 Technology and no back-end code has been implemented. You need to implement server side script like PHP to get working the blog comment system in HTML template or you need to convert the HTML template to WordPress theme.

8 Exist Any Admin Panel Where I Can Customize My Template?

Antler template was build in HTML5 and CSS Technology based on Bootstrap Framework and is not a WorPress Theme. Antler Demo Template was designed to integrate directly with the WHMCS client area, through login, domain search and hosting & VPS plans (already integrated).

9 How do I update the template after a new release comes out or updated?

There is no automatic way to update is true! You should note the changelog posted on the item page or check the changelog file inside the Antler folder after downloaded.

So, what you should do? Remember, If you need to customize the Antler demo template or the WHMCS Client Area Template to your liking and style, you should use "custom" files (custom.css & custom.js). So, you can added and replace all files or code lines updated, following the changelog file without losing your configurations already implemented.

How can I update the WHMCS Template? Everything that is related to image, css style, fonts, patters or js files, you can find inside the "assets" folder.

Suggestion:
If I add new sections, elements or features inside the header.tpl file for example, you should open the two files and compare.

10 How can I set my website according the settings bar?

To set and change any style switch, open the "js/settings-init.js" file, and get inspired.

The settings are divide to 5 big section: [ layout, color, background, header, font and showSettings ]
By default, you will find the settings defined according the following set:

    var optionSettings = {
        layout:"wide",
        background:"origin",
        color:"pink",
        header:"static",
        font:"opensans",
        textDirection:"ltr",
        showSettings:"show",
    };

Each section is divided into several styles, namely:
Layout Mode: wide, frame, boxed, and wideboxed;
Background Style: default, dark, light and Modern (in updating);
Color Scheme: pink, blue, green and black;
Header Position: static and fixed;
Body Font: opensans, poppins, nunito and raleway.
showSettings: show or hide.

FYI, this last one, show or hide the sidebar settings. So, choise and change your delicious "style" set and run your amazing website.

11 How can create a new color style for my Website?

If you are interested in implement another color for your website that not present at the demo, follow the steps:
1 - Open the "style.css" file to demo template or the "style.css & main.css" files, in case you need to change the default color on your WHMCS Client Area. Now, copy the all [data-color="pink"] style data color or find for the "Pink Light" & "Pink Dark" comment section;

Directory: template -> assets -> css -> style.css
Exemple: [data-color="pink"] svg #svg-ico {fill: #ee5586;}

2 - Past all [data-color="pink"] data color to inside the "custom.css" file.

Directory: template -> assets -> css -> custom.css

3 - Replace all hexadecimal "ee5586" & "#a5215e" color pink for your hex color style.

Now, you need enabled the Pink Color as your default color. Please check how to do here.

12 How can I change animation text (typed.js)

Antler template comes with the (Typed.js) library. Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. Take a look the library here.
If you need change text or strings, go to the bottom of the page index.html and customize to your liking.

13 How can I use Antler Template and on which platform?

Well, you have 3 possibilities to use the Antler Template:
1 - You may use only the WHMCS Client Area Template. The WHMCS Client Area Template is a turn-key project developed by the WHMCS group, allowing you to launch a new online business easily and efficiently.Go to WHMCS Website.
2 - You may use only the Antler Template built in HTML5 and CSS3 Technology based in Bootstrap Framework, however, you need to develop all the back-end issues and database that the WHMCS Template offers.
3 - Or you can integrate both templates. That is without doubt the option that ensures hight scalability and resources.

14 What can I find inside Antler Template folder after downloading?

After downloading the Antler item, you will find 7 folders:

documentation - Everything you need to know will find inside this folder. WHMCS and Template Installation, Language Translation i18next system, settings mode, features, rules and support policy and much more.
Please, preview Documentation Folder here

email - Install and customize your Antler WHMCS Email Template. You can use the custom email template for your own and send manually via WHMCS for all your customers.
Please, preview WHMCS Email Template here

graphic - If you need customize your patterns, graphics or logo, check this folder. All files are in fully customizable AI format. To edit your logo, do you just need open the logo.ai file in Adobe Illustrator or any vector image editor software. Please note, If you have no skills with any vector image editor software, tell me and I will provide your custom logo according Antler logo.

newsletter - Like the Email Template, you are free to customize and add new component or sections according to your requirements. You can use the WHMCS Newsletter Template on your own newsletter templates (Email) and send manually or massive via WHMCS any time.
Please, preview WHMCS Newsletter Template here

order-form - WHMCS Order Form Templates define the look and feel of the shopping cart process.
Please, preview WHMCS Newsletter Template here

template - Antler is a professional and responsive premium template developed with the latest HTML5 and CSS3 technology, based on the Bootstrap Framework and is not a WordPress Theme. Comes with 40+ powerful page templates, and 35+ custom short-code elements with special reference to the professional Filter of Dedicated Servers and Domains - Switch prices dynamically - And customize servers according to your needs
Please, preview Antler Demo Template here

whmcs-template - WHMCS Client Area or Custom Default SIX Template of WHMCS. WHMCS Client Area Template is a turn-key project developed by the WHMCS Group, allowing you to launch a new online business easily and efficiently. Basically, I only created the header, footer and some layout, based on the Antler Demo Template.
Please, preview WHMCS Client Area Template here

15 Why I am having alerts when inspecting source?

This is working as it always has since `.load()` was created. The warning is coming from the browser, not jQuery. The API is guaranteeing that if you attempted to use the loaded HTML in the line of JavaScript after the `.load()` it would be available. If the request is changed to an async request, jQuery can no longer guarantee that the loaded HTML is available. Worse, there is no mechanism available via `.load()` to indicate when the HTML has been loaded.

TIf you do not want to receive this warning from the browser, you will need to rewrite the `.load()` call as an async `jQuery.ajax()` call that injects the HTML into the document. I cannot change `.load()` in a minor version since it is a breaking change. It's not even clear whether it makes sense to try and fix this.
Please note: This alerts in no way affect the proper functioning of the site, features and optimization

16 How to change Datacenter Location?

There is no exist automatic process to change the Datacenter Location. Please, follow the steps below:
1 - Open the "index.html" file and go to the MAP section.  Now, duplicate the first "span" tag.  This refers to the Montreal location but you should customize to your liking. Just replace the Montreal name to India, like this:

    <span data-toggle="popover" data-container="body" data-trigger="hover" data-placement="top" title="" class="datacenters india" data-original-title="India" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."></span>

2 - Now, create a new "india" classe and, put inside "custom.css" file, like this: .maping .datacenters.india { top: 55%; left: 68%; }
3 - Refresh your browser and that's it : )

17 How To Add And Configure (Tawk.to) Live Chat on WHMCS Client Area?

tawk.to is a 100% FREE live chat app that lets you monitor and chat with visitors on your WHMCS Template.
Please, folow the steps below to configure your widget tawk.to in your WHMCS Template:
1 - Download the "tawkto" folder addon module and place it in your WHMCS directory. Path: whmcs -> modules -> addons
Download here
2 - Log in to your WHMCS Admin Panel and access the Addon Modules section from the drop-down Setup menu, find the tawk.to addon on the list and Activate it. Path: Setup - > Addon Modules;
3 - Enter the tawk.to widget script, add your API Key and check the first option "Enable mod". Follow the recommendations.

18 How can I create a new page?

First of all, find inside the item folder the empty.html file. If you want develop or create more pages, use the empty.html file and customize with 35+ short-code elements and sections. Please, check the empty page here

19 How can I bring elements or sections of the Demo Template to the WHMCS?

Now (after v2.8) are possible to bring elements, sections or pages from the Antler demo template to the WHMCS Client Area template. However and despite all efforts, cases with deformation of the layout may arise, which we ask for your understanding.

In this cases customization is recommended through custom (custom.css & custom.js) files.

20 How can I extended support for this item?

Item support is a service provided by on ThemeForest. Having support for your purchased item means that the author will be available to you, the buyer, to iron-out any potential issues you have in using the item. To extend your licence and continue with supported item, go here

21 Can I use only the Antler Demo Template?

Well, you have several solutions for using the Antler template, but we only highlight 3:

- Yes, you may use only the Antler Template develop in HTML5 and CSS3 Technology based on Bootstrap Framework, however, you need to develop all the back-end issues that the WHMCS Template offers.

- You may use only the WHMCS Client Area Template. The WHMCS Client Area Template is a turn-key project developed by the WHMCS group, allowing you to launch a new online business easily and efficiently. Basically, I only built the header, footer and some layout, based on the Antler Demo Template.

- Or you can integrate both templates. That is without doubt the option that ensures hight scalability and resources.

22 How can I check the latest Otimization and Performance report for Antler?

Antler uses several SVG-format animations and some resources that require more processing and, that’s is a fact. However, after release of the 2.0.6 version, the optimization and performance have dramatically improved. Version 2.0.6, was outstanding performance focused version that also included some exciting new features. Please, check all features implemented here

PageSpeed Score A100%
Antler has high performance framework base with small file sizes and adaptive content, delivering the maximum performance i.e, 100% PageSpeed Score. Attention to details, well written code and optimised images helped I create such a super fast template. Your visitors will love how fast your website is.

YSlow Score B82% (Recommendation)
Antler is just a demo template and not a final website and, for this and another reasons, I can not combining all external Javascript scripts and all external stylesheets as recommended, making it impossible for the buyer's to use them consistently. This small recommendation is left to the buyer's and end customer.

GTmetrix also recommends using a CDN (Content Delivery Network) in user settings. YSlow is an open-source tool that analyzes your website and gives you suggestions to improve its performance.

But, don't just take my word for it, check it out yourself at GTmetrix