Contents

Update Service

Save yourself time by using our professional update service. Your update to WHMCS v7.8 will be completed in-house by our team who will ensure everything goes smoothly with no loss of customizations.

In this tutorial you will learn how to update your WHMCS Template to support WHMCS v7.8.

Is This Update Required?

This update needs to be applied to your template to add support for WHMCS v7.8. If you purchased your template after the launch of WHMCS v7.8 (28th August 2019) you do not need to follow this update as it will already be applied to your version.

How To Update

You will need to follow every step below to update to WHMCS v7.8.

1. Update WHMCS

To begin you will need to update WHMCS to v7.8 following WHMCS's documentation or you can hire us to update your WHMCS.

2. Complete Earlier Template Updates

If you updated from WHMCS v7.7 to v7.8 you can skip this section and move onto step 3.

If you updated from an earlier version of WHMCS you will need to apply the missing template updates before completing this one:

View All Template Updates

3. Upload The Files

Want to save time? You can hire us to update your template.

The next step is to upload the files from the update ZIP we have carefully prepared. The files contained within this update are unlikely to have been modified by most users as they are core client area files. If there are changes required to files that are more likely to have been edited (such as header.tpl, template.css, english.php) they will be listed as manual edits in step 4 to ensure that any edits made to these files will not be lost.

Steps To Upload

1. Make a full backup of your WHMCS files & database for safety

2. Download the update files >> Download WHMCS v7.8 Update (.zip)

3. Extract the ZIP file to your desktop

4. Rename the /upload/templates/your_active_template/ to the name of your active Zomex template you'd updating (e.g stellar, universe, eco-net etc)

5. Upload the contents of the upload directory using an FTP client to:

/whmcs_path/

Ensure that your FTP client does not replace directories and instead adds/overrides the new files within the existing directory. We recommend FileZilla which is free and will work correctly out of the box.

If you have made customisations to any files contained in the ZIP we recommend comparing your version and the updated version so you can re-apply your customisations manually.

You can also refer to the WHMCS v7.8 template guide on GitHub to see all of the updates to each file. However, the guide we have created is a much simpler update process.

4. Apply Manual File Edits

The final step is to make manual edits to some files. These edits are made manually as there is a higher chance that the files may have been customized. Manually applying the WHMCS v7.8 edits ensures that any prior customisations are safe.

Open: /whmcs_path/templates/your_active_template/login.tpl

Find the following code (don't worry if it's slightly different):

<input id="login" type="submit" class="btn btn-primary{$captcha->getButtonClass($captchaForm)}" value="{$LANG.loginbutton}" /> <a href="{$systemurl}pwreset.php" class="btn btn-default">{$LANG.forgotpw}</a>

And replace with the following:

<input id="login" type="submit" class="btn btn-primary{$captcha->getButtonClass($captchaForm)}" value="{$LANG.loginbutton}" /> <a href="{routePath('password-reset-begin')}" class="btn btn-default">{$LANG.forgotpw}</a>

Open: /whmcs_path/templates/your_active_template/footer.tpl (if you're using Glaze, Mono or Stellar WHMCS Template it will instead be found in includes/hook-footer.tpl)

Find the following code (don't worry if it's slightly different):

<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content panel panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Title</h4>
            </div>
            <div class="modal-body panel-body">
                Loading...
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-left loader">
                    <i class="fa fa-circle-o-notch fa-spin"></i> Loading...
                </div>
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Close
                </button>
                <button type="button" class="btn btn-primary modal-submit">
                    Submit
                </button>
            </div>
        </div>
    </div>
</div>

And replace with the following:

<div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content panel-primary">
            <div class="modal-header panel-heading">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">{$LANG.close}</span>
                </button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body panel-body">
                {$LANG.loading}
            </div>
            <div class="modal-footer panel-footer">
                <div class="pull-left loader">
                    <i class="fas fa-circle-notch fa-spin"></i>
                    {$LANG.loading}
                </div>
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    {$LANG.close}
                </button>
                <button type="button" class="btn btn-primary modal-submit">
                    {$LANG.submit}
                </button>
            </div>
        </div>
    </div>
</div>

{include file="$template/includes/generate-password.tpl"}

5. Update Completed

You have now finished updating your template to support WHMCS v7.8. If you see any miss alignment when viewing your website you may need to clear your browser cache to force the updated files to be rendered. If you run into any issues, submit a ticket and we will be happy to assist you.

Comments

If you have any questions please leave a comment below or contact our support.