FonPageBuilder Hosting Paketleri Modülü Son Güncelleme: 28-07-2026

Hosting Paketleri Modülü Nedir?

FonPageBuilder Hosting Paketleri Modülü ile istediğiniz sayfaya Hosting Paketleri Listeleme Kutusunu ekleyebilir ve müşterilerinize daha geniş yelpazede içerikler sunabilirsiniz.

Hosting Paketleri Modülünü sayfanıza ekledikten sonra Bileşen Düzenleme Araçlarındaki Bileşeni Düzenle ögesine tıkladığınızda açılan Bileşen Düzenleme Penceresindeki ögelerin detaylarına aşağıda erişebilirsiniz.

Genel Ayarlar

• Bileşen Adı
  : Sitenizdeki her bir dil için bileşeninize bir isim verin. Bu isim bileşene göre değişmekle birlikte genelde sadece Yönetici bilgilendirmesi içindir. Yönetim Paneli FonPageBuilder sayfa düzenleme ekranınızdaki satır ve sütunlarda bileşen bu isimle gösterilecektir. Böylece yerleşim düzeninizdeki bileşeni doğru ve kolayca teşhis edebilir ve seçebilirsiniz.
• Kaynak
  : Hosting Paketleri Modülünde gösterilecek olan paketlerinizi seçebilirsiniz. Paketler, Bileşen seçeneklerinde yapılandıracağınız ayarlara uygun olarak gösterir.

  • Tümü: Sisteminizde kayıtlı tüm hosting paketlerini gösterir.
  • Seçili Ögeler: Sadece öne çıkarmak istediğiniz belirli hosting paketlerini gösterir.
  • Seçili Kategoriler: Sadece seçtiğiniz kategorilerdeki hosting paketlerini her kategoriyi ayrı sekmede olacak şekilde gösterir. Sadece bir kategori seçilirse sekme (Tab) görünümü kullanılmaz.

  ÖNEMLİ NOT!

  FonPageBuilder ile oluşturduğunuz Hosting Ürün Grubu Sayfalarında Kaynak seçmenize gerek yotur. Sistem otomatik olarak ilgili ürün grubundaki (kategorideki) ürünleri seçecektir. Hosting ürün grubu sayfalarında modül, paketleri konumlandırmak amacıyla kullanılmaktadır.

Bileşen Seçenekleri

• Kupon Göster YENİ
  : Fiyat tablosunda (Ürün Paketi) ilgili ürüne veya kategorisine ait kupon kodunun (varsa) gösterilip gösterilmeyeceğini seçin.

  

• Tümü Linkini Göster
  : Hosting Paketlerinin altında kullanıcıların Tüm Hosting Paketlerinize erişebileceği bir link gösterilir.
• Sütun Sayısı
  : Yatay düzlemde bir satırda kaç adet hosting paketinin gösterileceğini responsive olarak her bir ekran çözünürlüğü için belirtebilirsiniz.
• Limit
  : Veritabanından seçtiğiniz kaynağa göre kaç adet paket çekilerek listeleneceğini belirtin. Örneğin: Limit olarak 8 adet seçtiyseniz ve Sütun Sayısı olarak da 4 seçtiyseniz sayfada her bir satırda 4 tane olmak üzere toplam 8 öge listelenecektir. Karusel modunda tek bir satırda 4 adet toplamda 8 adet paket gösterilecektir.
• Dikey İçerik Hizalama
  : Hosting paketlerinin satırda (yatay düzlemde) dikey olarak hizalamasını seçin. Öge içeriğine göre farklı yüksekliklere sahip paket kutularını hizalamak için idealdir.
• Karusel Kullan
  : Hosting paketleriniz için karusel slaydı oluşturmak isterseniz bu seçeneği aktifleştirin.
• Yönlendirme Kontrolleri
  : Hosting paketleri karusel slaydında "Önceki" ve "Sonraki" ok işaretlerinin gösterilip gösterilmeyeceğini seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir. Bkz. Görsel - 1 Nolu Ögeler:
• Sayfalandırma
  : Hosting paketleri karusel slaydının altında kaç adet slayt olduğunu gösteren "Dairesel Sayfalandırma" ögesinin gösterilip gösterilmeyeceğini seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir. Bkz. Görsel - 2 Nolu Öge:
• Otomatik Oynatma
  : Hosting paketleri karusel slaydının otomatik olarak başlatılıp başlatılmayacağını seçin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
• Üzerine Geldiğinde Duraklat
  : Hosting paketleri karusel slaydının fare ile üzerine gelindiğinde slaydı duraklatmak istiyorsanız etkinleştirin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.
• Döngü
  : Hosting paketleri karusel slaydının sürekli tekrar edecek şekilde kesintisiz kaymasını istiyorsanız etkinleştirin. Bu alan, "Karusel Kullan" seçeneği etkinleştirilmişse gösterilir.

Bileşen Stil Ayarları

• Sınıf
  : Bileşen için özel CSS sınıfı/sınıfları tanımlamak isterseniz burayı kullanabilrsiniz. Daha sonra CSS stil dosyanızdan ilgili sınıf ile ilgili biçimlendirmeleri buraya başvurarak gerçekleştirebilirsiniz. Örneğin:light-grey-rounded-box
• Dahili Stil
  : Bileşen için css biçimlendirmesini harici tema css dosyalarınız yerine doğrudan bu alana yazacağınız css kodu ile gerçekleştirebilirsiniz. Eklediğiniz css biçimlendirmesini sadece bu bileşen için aktif olmasını ve aynı css sınıfına sahip olan sayfadaki diğer ögeleri etkilememesini istiyorsanız stil kodunuz içerisinde @widgetId ibaresinden sonra stil kodunuzu ekleyebilirsiniz. @widgetId önyüzde, sistem tarafından otomatik oluşturulurulan id ile değiştirilir. Hosting Paketleri Modülünün içerisinde biçimlendirebileceğiniz css sınıflarını, site önyüzünüzde bileşenin bulunduğu sayfadayken Tarayıcınızda F12 - Geliştirici araçlarından Code Inspection ile .fon-hosting-widget css sınıfı altından inceleyebilirsiniz.

  												
  @widgetId .light-grey-rounded-box{
  	background-color: #f8f9fa;
  	border: 1px solid #e9ecef;
  	border-radius: 5px;
  }
  												
  											

Bileşen Penceresi Kayıt Düğmeleri

• Sayfayı Kaydet
  : Bileşende gerçekleştirdiğiniz değişiklikler ve sayfada gerçekleştirdiğiniz tüm değişiklikler veritabanına kaydedilir ve aktif Bileşen Düzenleme Penceresi kapatılır.
• Kaydet & Düzenle
  : Bileşende gerçekleştirdiğiniz değişiklikler bileşen kodu içerisine kaydedilir ve aktif Bileşen Düzenleme Penceresi kapatılır. Sayfanızda yaptığınız değişikler henüz kaydedilmemiştir. Sayfanızı kaydetmek için mutlaka sayfanın sağ kenarında bulunan MENU çubuğu altından Kaydet düğmesine tıklamanız gerekir.