Müşteri Site Kabuğu Kancaları
Her sayfanın paylaştığı on altı yerleşim noktası: başlık, gövde, menüler ve alt bilgi.
Genel Bakış
Sitenin her sayfasında bulunan yerleşim noktaları burada: başlık bölümü, gövde, menüler, alt bilgi ve sistem sayfaları.
Bu noktaların ortak özelliği ölçeğidir: buraya koyduğunuz şey ana sayfada da, ödeme adımında da, hata sayfasında da çalışır. Maliyeti de o ölçüde hesaplayın.
Referans
Siteye stil ekleme
Sitenin başlık bölümünde, her sayfada görünür. Kendi stil dosyanızı buradan bağlarsı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:client.head.css', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Siteye betik ekleme
Her sayfada betik eklemenin yeridir. Ziyaretçinin gördüğü ilk şey burasıdır: ağır bir dosya sayfanın açılışını geciktirir.
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:client.head.js', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Gövdenin başı
Sayfa gövdesinin en başında görünür. Siteye yayılan bir duyuru şeridi 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:client.body.begin', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Gövdenin sonu
Sayfa gövdesinin en sonunda görünür. Pencereler ve ölçüm betikleri için doğru 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:client.body.end', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Üst çubuğun sonu
Üst çubuğun 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:client.topbar.end', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Başlık işlem alanı
Site başlığındaki işlem alanı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:client.header.actions', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Ana menü öğeleri
Ana menünün öğeleri arasında görünür. Menü yapısını bozmamak için aynı öğe biçimini kullanın.
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:client.nav.items', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alt menü öğeleri
Alt menünün öğeleri arası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:client.subnav.items', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Kullanıcı menüsü öğeleri
Giriş yapmış kullanıcının menüsü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:client.user_menu.items', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Yan çekmece öğeleri
Mobil yan çekmecenin öğeleri arasında görünür. Ana menüden ayrıdır: iki yerde de görünmesini istiyorsanız ikisine birden ekleyin.
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:client.drawer.items', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alt bilgiden önce
Alt bilginin 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:client.footer.before', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alt bilgi sütunları
Alt bilgi sütunlarının arası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:client.footer.columns', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Alt bilginin altı
Alt bilginin en 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:client.footer.bottom', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Çağrı şeridinden önce
Sayfa altındaki çağrı şeridinin ü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:client.cta_band.before', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Bakım sayfası gövdesi
Bakım sayfasının gövdesinde görünür. Site kapalıyken çalışır: burada veritabanına ya da dış servise bağlanan bir dinleyici, zaten sorunlu olan bir anda sayfayı da düşürebilir.
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:client.maintenance.body', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Sistem sayfası başlığı
Hata ve engel sayfalarının başlık bölümünde görünür. Bu sayfalar çekirdek düşmüşken de gösterilir: bağımlılığı olmayan, basit bir çıktı verin.
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:client.system_page.head', 10, function () {
return '<div class="alert alert-info">Acme</div>';
});Tuzaklar
Başlık ve gövde noktaları sitenin her sayfasında yürür; buna sepet ve ödeme adımı da dâhildir. Oraya konan yavaş bir betik yalnız bir sayfayı değil, doğrudan satın alma yolunu geciktirir.
Bakım ve sistem sayfası noktaları, sitenin zaten sorunlu olduğu anda çalışır. Orada veritabanına ya da dış servise uzanan bir dinleyici, kullanıcıya gösterilecek son sayfayı da düşürür. Basit ve bağımlılıksız çıktı verin.
İlgili Makaleler
Geri bildiriminiz için teşekkürler!
Yukarıda bulamadığınız her şey için destek ekibimiz her zaman yanınızda.