Panel Kabuk ve Sipariş Kancaları
Panel kabuğunun, panonun ve sipariş ekranlarının yirmi yerleşim noktası: başlık, gövde, üst menüler ve sipariş detayı.
Genel Bakış
İki farklı ölçek burada bir arada. Kabuk noktaları panelin her sayfasında çalışır: başlık, gövde ve üst menüler. Pano ve sipariş noktaları ise tek bir ekrana bağlıdır.
Aradaki fark maliyettir. Kabuk noktalarına konan ağır bir dosya bütün paneli yavaşlatır; tek ekrana bağlı bir nokta yalnız o ekranı ilgilendirir.
Referans
Panele stil ekleme
Panelin başlık bölümünde, her sayfada görünür. Kendi stil dosyanızı buradan bağlarsınız.
Hook::add('ui:admin.head.css', 10, function () {
// HER sayfada calisir: hafif tutun.
return '<link rel="stylesheet" href="' . Acme::assetUrl('panel.css') . '">';
});Panele betik ekleme
Panelin alt bilgisinde, her sayfada görünür. Adının aksine çıktı sayfanın sonunda yer alır: betikler orada yüklenir.
Hook::add('ui:admin.head.js', 10, function () {
// Hatasi panelin kendi betiklerini de durdurabilir.
return '<script src="' . Acme::assetUrl('panel.js') . '" defer></script>';
});Gövdenin başı
Sayfa gövdesinin en başında, her sayfada görünür. Tüm panele yayılan bir duyuru şeridi için uygundur.
Hook::add('ui:admin.body.begin', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Gövdenin sonu
Sayfa gövdesinin en sonunda görünür. Pencere ve gizli kapsayıcılar için uygun yerdir.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.body.end', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Oluştur menüsüne öğe
Üst çubuktaki oluşturma menüsünde görünür. Kendi hızlı oluşturma bağlantınızı buraya koyarsınız.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.header.create_menu', 10, function () {
return '<li><a class="dropdown-item" href="/acme/new">Acme kaydi</a></li>';
});Yardım menüsüne öğe
Üst çubuktaki yardım menüsünde görünür. Kendi belge ya da destek bağlantınız için uygundur.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.header.help_menu', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Panonun üstü
Panonun en üstünde, istatistik kartlarından önce görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.dashboard.top', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});İstatistik kartlarının ardı
Panodaki istatistik kartlarının hemen ardında görünür. Kendi sayaç kartınızı sıraya eklemenin yeri.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.dashboard.statistics.after', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Panonun altı
Panonun en sonunda görünür. Kendi panelinizi eklemenin yeri.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.dashboard.bottom', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş başlığına rozet ya da buton
Sipariş detayının başlık satırında görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_detail.header_actions', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş detayının üstü
Sipariş içeriğinin üstünde görünür. Duruma göre uyarı göstermenin yeri.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_detail.top', 10,
function ($order, $order_id, $order_status) {
if ($order_status !== 'waiting') return null;
return '<div class="alert alert-info">Acme onayi bekleniyor</div>';
});Sipariş kalemlerine işlem ekleme
Sipariş kalemlerinin işlem alanında görünür. Yanınızdaki iki işaret hangi işlemin anlamlı olduğunu söyler.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_detail.item_actions', 10,
function ($order, $has_pending_items, $has_module) {
// Modulsuz siparişte uzak islem butonu bosa calisir.
if (!$has_pending_items || !$has_module) return null;
return '<button class="btn btn-sm" onclick="acmeProvision()">Acme</button>';
});Sipariş sayfasının en altı
Sayfanın en sonunda görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_detail.bottom', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş listesi araç çubuğu
Sipariş listesinin araç çubuğunda görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_list.toolbar', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş listesinde tablodan önce
Sipariş tablosunun hemen üstünde görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_list.before_table', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş oluşturma formundan önce
Elle sipariş oluşturma formunun üstünde görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_create.before_content', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sipariş oluşturma formundan sonra
Aynı formun altında görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.order_create.bottom', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alan adı fiyatlandırmasının üstü
Uzantı fiyat tablosunun üstünde görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.domain_pricing.top', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alan adı fiyatlandırmasının altı
Uzantı fiyat tablosunun altında görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.domain_pricing.bottom', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Belge listesi araç çubuğu
Uzantı belge gereksinimleri listesinin araç çubuğunda görünür.
null ve false atlanır: bir şey eklemek istemediğinizde null dönün. Çıktı kaçışsız girer — dışarıdan gelen değeri kendiniz temizleyin.Hook::add('ui:admin.domain_doc_list.toolbar', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Tuzaklar
Stil ve betik noktaları tek bir ekranla sınırlı değildir: yönetici hangi sayfayı açarsa açsın çıktınız oraya girer. Ağır bir dosya ya da her açılışta dış servise giden bir betik, panelin tamamını yavaşlatır. Tek ekrana ait bir şey ekliyorsanız o ekranın kendi noktasını kullanın.
Sayfa sonuna eklediğiniz kod, panelin kendi kodunun yanında çalışır. Yakalanmamış bir hata tarayıcıda betik yürütmesini keser: sizin paneliniz değil, yöneticinin kullandığı ekran tepkisiz kalır. Kendi kodunuzu kendi hata yakalayıcınıza alın.
İlgili Makaleler
- Yönetim Paneli Kancaları
- Sipariş Kancaları
- Panel Analitik Kancaları
Geri bildiriminiz için teşekkürler!
Yukarıda bulamadığınız her şey için destek ekibimiz her zaman yanınızda.