James Garrett's Blog

Theming WHMCS – It’s EASY!

After reading several people struggling to theme WHMCS, I decided that I would write a brief tutorial to attempt to emphasize how easy this is if you read the directions and think it through.  First off, modifying the default them is *not* the easiest way to do it, you’re going to beat your head against the wall trying.  WHMCS has setup their system very simply.  Imagine the following php file-

<?php
include(header.tpl);
include(maincontent);
include(footer.tpl);
?>

This is an oversimplified version of how WHMCS works.  So here are the steps

  1. Setup a static design that you would like to use.
  2. Split the file around the main content area
  3. Copy/Paste everything above the main content into the header.tpl file for your skin
  4. Copy/Paste everything below the main content into the footer.tpl file for your skin.
  5. Replace meta variables (these can be found in /templates/default/header.tpl)
  6. Use FireBug to fix any minor issues in your css.

WHMCS uses the smarty template system.

Posted in Programming 7 years, 6 months ago at 12:38 pm.

Add a comment

No Replies

Feel free to leave a reply using the form below!


Leave a Reply