Ana içeriğe geç

Özel Eklentiler

Widget Oluşturma ve Yönetim Rehberi​

Widget oluşturma ve yönetimi için gerekli adımları açıklayan bir rehberdir. Aşağıdaki adımları takip ederek widget oluşturabilir ve yönetebilirsiniz.

1. HTML ve CSS Kodlarının Hazırlanması​

Öncelikle, oluşturulacak widget’in temel HTML ve CSS kodları yazın.

2. Yönetici Paneline Giriş​

serB2B yönetici panelinden Tasarım > İleri Düzey bölümüne gidin.

3. Özel Eklentiler Alanına Erişim​

Menüdeki Tasarım sekmesi altındaki Özel Eklentiler bölümüne tıklayın.

4. Yeni Widget Eklenmesi​

Sağ üst köşede bulunan "+" butonuna tıklayarak yeni bir widget oluşturma ekranı açın.

5. Widget Bilgilerinin Girilmesi​

  • Gerekli input alanları doldurun.
  • Icon Input alanı, Bootstrap Icons kullanılacak şekilde ayarlanır ve serBuilder sayfasında widget için gösterilecek ikon belirlenir.

6. Kodların Eklenmesi​

  • Daha önce hazırlanan HTML ve CSS kodları, ilgili kod bloklarına yapıştırın.
  • Ardından, istenen attribute’leri eklemek için Kaydet butonuna tıklayın.

7. Attributes Ekleme​

  • Attributes sekmesine geçiş yapılır ve sayfanın sağ üstünde bulunan "+" butonuna tıklayın.
  • Oluşturulacak attribute’e uygun input alanları doldurun.

8. Twig Template ile Attribute Entegrasyonu​

  • Manuel düzenleme gereken widget alanı için Twig Template dosyası açın.
  • Attribute için belirlenen key name aşağıdaki formatta Twig Template’e ekleyin:
{{ widget.(olusturulan attribute'un key name degeri) }}

9. Kaydetme ve Widget’in Kullanıma Hazır Hale Getirilmesi​

  • Tüm değişiklikler kaydedildikten sonra, widget serBuilder sayfasındaki Widget Repos bölümünde görünür hale gelir.
  • Sürükle-bırak yöntemi ile kolayca kullanılabilir hale gelir.

Örnek Gösterim

Sıkça Sorulan Sorular (SSS)​

  • SerBuilder’da widget nasıl görünür hale gelir?

    Widget’in HTML, CSS kodları ve attributes tanımları tamamlanıp kaydedildikten sonra serBuilder sayfasındaki Widget Repos kısmında görünür hale gelir.

  • Twig Template nedir ve nasıl kullanılır?

    Twig Template, widget’in attribute entegrasyonu için kullanılan bir şablondur. Attribute’un key name değeri aşağıdaki gibi eklenir:

    {{ widget.(olusturulan attribute'un key name degeri) }}

İlgili Kaynaklar​

İletişim ve Destek​

Herhangi bir sorunla karşılaşırsanız veya yardıma ihtiyaç duyarsanız, destek ekibimizle iletişime geçebilirsiniz. Size en kısa sürede yardımcı olmaktan memnuniyet duyarız.