Admin Bsierad Saya manusia dari bumi ronggolawe

Menambahkan Badge Statistic di admin WHMCS

2 min read

Rate this post

Cara Menambahkan Badge Statistic di admin WHMCS

Bseirad.com – halo semua, buat teman-teman yang menggunakan WHMCS sebagai blling usaha hosting atau layanan sejenis pada bagian home admin dapat ditambahkan badge yang menampilkan beberapa informasi tambahan selain dari default nya. Badge static yang di maksud adalah menampilkan informasi

  • domain ( aktif, expired )
  • produk ( suspended, terminated )
  • invoice ( unpaid, overdue )

Contohnya seperti berikut

 

Note : link badge ini hanya work pada WHMCS yg Url nya Full Friendly Rewrite

Untuk menambahkan nya cukup dengan membuat script sederhana

Langkah- langkah nya yaitu sebagai berikut

  1. masuk ke folder admin whmcs contoh = admin/templates/blend
  2. buat 1 fie .tpl contoh = badge-info.tpl
  3. pastekan kode berikut dalam badge-info.tpl
<div class="row home-status-badge-row">
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-primary clearfix">
            <div class="icon">
                <a href="domains?status=expired">
                    <i class="far fa fa-cog"></i>
                </a>
            </div>
            <div class="detail">
                <a href="invoices.php?status=Unpaid">
                    <span class="count">{$sidebarstats.invoices.unpaid}</span>
                    <span class="desc">{$_ADMINLANG.stats.unpaidinvoices}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-warning clearfix">
            <div class="icon">
                <a href="invoices.php?status=Overdue">
                    <i class="fa fa-trash"></i>
                </a>
            </div>
            <div class="detail">
                <a href="domains?status=expired">
                    <span class="count">{$sidebarstats.invoices.overdue}</span>
                    <span class="desc">{$_ADMINLANG.stats.overdueinvoices}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-info clearfix" >
            <div class="icon">
                <a href="services?status=suspended">
                    <i class="fas fa-rocket"></i>
                </a>
            </div>
            <div class="detail">
                <a href="services?status=suspended">
                    <span class="count">{$sidebarstats.services.suspended}</span>
                    <span class="desc">{$_ADMINLANG.stats.suspendedservices}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-danger clearfix">
            <div class="icon">
                <a href="services?status=terminated">
                    <i class="far fa-info-circle"></i>
                </a>
            </div>
            <div class="detail">
                <a href="services?status=terminated">
                    <span class="count">{$sidebarstats.services.terminated}</span>
                    <span class="desc">{$_ADMINLANG.stats.terminatedservices}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-success clearfix">
            <div class="icon">
                <a href="domains?status=active">
                    <i class="fas fa-globe"></i>
                </a>
            </div>
            <div class="detail">
                <a href="domains?status=active">
                    <span class="count">{$sidebarstats.domains.active}</span>
                    <span class="desc">{$_ADMINLANG.stats.activedomains}</span>
                </a>
            </div>
        </div>
    </div>
    <div class="col-sm-2 col-xs-6 tile">
        <div class="health-status-block btn-warning clearfix">
            <div class="icon">
                <a href="domains?status=expired">
                    <i class="far fa-exclamation-circle"></i>
                </a>
            </div>
            <div class="detail">
                <a href="domains?status=expired">
                    <span class="count">{$sidebarstats.domains.expired}</span>
                    <span class="desc">{$_ADMINLANG.stats.expireddomains}</span>
                </a>
            </div>
        </div>
    </div>
</div>
  • save dan lanjut edit homepage.tpl
  • pada homepage.tpl cari kata {foreach $staticWidgets as $widget}
  • paste kode ini di atas nya

{include file=”$template/badge-info.tpl”}

Contoh nya :

Setelah ini save semua dan lihat hasilnya.

Selamat mencoba

Admin Bsierad Saya manusia dari bumi ronggolawe

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *