Satın Al

Mega Menü Son Güncelleme: 04-07-2026

Mega Menü içerikleri malesef manuel olarak girilmelidir. Sonraki sürümlerde Mega Menü için de sürükle bırak içerik oluşturucu geliştirmeyi planlıyoruz. Böylece mega menünüzü kodlarla uğraşmadan kolayca oluşturabileceksiniz.

Mega Menü içeriği olarak demo sitesinde yer alan menülerin kodları burada verilmiştir. Kendi mega menünüz için ilgili kod parçalarını güncelleyebilirsiniz.

ÖNEMLİ HATIRLATMA!

Mega Menü Genişliği Menü Düzenleme Penceresindeki Simge alanı mega menüde genişlik belirteci olarak kullanılmaktadır. Temalarımızda Mega Menü olarak kullanmak istediğiniz menünün düzenleme sayfasında mega menü açılır penceresinin genişliğini Simge alanında piksel olarak veya tam geniş olarak belirtebilirsiniz. Eğer herhangi bir genişlik belirtmezseniz menü alanı genişliği otomatik olarak menü alanı genişliğinde olacaktır. Piksel cinsinden belirtmek için bu alana istediğiniz genişliği piksel olarak (px ibaresi olmadan Örn:700) girin. Eğer tam geniş bir açılır pencere istiyorsanız bu durumda bu alana full ibaresini girmelisiniz.

Alan Adı Mega Menü İçeriği

Demo site Alan Adı Mega Menü içeriğini oluşturmak için yapmanız gerekenler:

  1. WiseCP Yönetim Panelinizde oturum açın.
  2. Site Yönetimi > Menüler (Header/Footer) menüsünü tıklayın.
  3. Açılan sayfada yer alan Header Menü sekmesinde düzenlemek istediğiniz menüyü (Alan Adı) seçin ve karşısındaki simgesine tıklayın.
  4. Açılan Popup pencerede Simge alanına 600 değerini girin. Bu değeri içeriğinizin genişliğine göre azaltıp çoğaltabilirsiniz. Tam geniş yapmak için full yazabilirsiniz. NOT: Temamızda Simge alanı Mega Menü genişliğini ayarlamak için kullanılmaktadır.
  5. Mega Menü içeriklerinde ve Menü Etiketlerinde Kısakodlar kullanarak istediğiniz herhangi bir ürün grubundaki ürünün fiyatını gösterebilirsiniz.

    Mega Menü Kıakodlar Açıklaması

    Herhangi bir ürün grubundaki belirli bir ürünün fiyatını göstermek için {{domain:com:register}} veya {{hosting:15}} vb. şeklinde kısakodlar kullanabilirsiniz. Kısakodlar hakkında detaylı bilgi için lütfen Kısa Kodlar Dokumantasyonuna gözatın.
  6. Açılan Popup pencerede Mega Menü kutucuğunu işaretleyin ve aşağıdaki içerikleri buraya yapıştırın. 
                                                        
                                                        
    <li class="row row-cols-2">
        <div class="menu-item">
            <a href="{SITE_URL}alan-adi">
                <i class="fa-solid fa-magnifying-glass-arrow-right"></i>
                <span class="menu-title">
                    <h5>Alan Adı Kayıt</h5>
                    İşletmenize en uygun alan adını bulun ve en avantajlı fiyatlarla kolayca kaydedin.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}alan-adi/transfer">
                <i class="fa-solid fa-repeat"></i>
                <span class="menu-title">
                    <h5>Alan Adı Transfer</h5>
                    Alan adınızı hızlı ve güvenli bir şekilde transfer edin, tüm süreci kolayca yönetin.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}alan-adi#section-domain-prices">
                <span class="fon-ribbon fon-ribbon-top fon-ribbon-end">.com ₺272,29</span>
                <i class="fa-solid fa-tags"></i>
                <span class="menu-title">
                    <h5>Alan Adı Fiyatları</h5>
                    Rekabetçi alan adı fiyatlarımızı keşfedin ve bütçenize uygun seçenekleri değerlendirin.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}alan-adi/whois">
                <i class="fa-solid fa-id-card-clip"></i>
                <span class="menu-title">
                    <h5>Whois Sorgulama</h5>
                    Alan adı sahipliği ve detayları hakkında bilgi edinmek için hızlı bir Whois sorgusu yapın.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-user-lock"></i>
        Tüm alan adı kayıt işlemlerinde  <strong>ÜCRETSİZ</strong> Whois Koruması sağlanmaktadır.
    </li>                                                    
                                                
                                                        
                                                        
    <li class="row row-cols-2">
        <div class="menu-item">
            <a href="{SITE_URL}en/domain">
                <i class="fa-solid fa-magnifying-glass-arrow-right"></i>
                <span class="menu-title">
                    <h5>Domain Register</h5>
                    Find the most suitable domain name and register it easily at the most advantageous prices.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/domain/transfer">
                <i class="fa-solid fa-repeat"></i>
                <span class="menu-title">
                    <h5>Domain Transfer</h5>
                    Transfer your domain name quickly and securely, and manage the entire process easily.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/domain#section-domain-prices">
                <span class="fon-ribbon fon-ribbon-top fon-ribbon-end">.com ₺272,29</span>
                <i class="fa-solid fa-tags"></i>
                <span class="menu-title">
                    <h5>Domain Prices</h5>
                    Explore our competitive domain name prices and evaluate options that fit your budget.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/domain/whois">
                <i class="fa-solid fa-id-card-clip"></i>
                <span class="menu-title">
                    <h5>Whois Lookup</h5>
                    Perform a quick Whois lookup to find out about domain ownership and other domain details.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-user-lock"></i>
        <strong>FREE</strong> Whois Protection is provided for all domain name registrations.
    </li>
  7. Güncelle/Kaydet düğmesine tıklayarak menünüzü kaydedin.

Hosting Mega Menü İçeriği

Demo site Hosting Mega Menü içeriğini oluşturmak için yapmanız gerekenler:

  1. WiseCP Yönetim Panelinizde oturum açın.
  2. Site Yönetimi > Menüler (Header/Footer) menüsünü tıklayın.
  3. Açılan sayfada yer alan Header Menü sekmesinde düzenlemek istediğiniz menüyü (Web Hosting) seçin ve karşısındaki simgesine tıklayın.
  4. Açılan Popup pencerede Simge alanına 700 değerini girin. Bu değeri içeriğinizin genişliğine göre azaltıp çoğaltabilirsiniz. Tam geniş yapmak için full yazabilirsiniz. NOT: Temamızda Simge alanı Mega Menü genişliğini ayarlamak için kullanılmaktadır.
  5. Açılan Popup pencerede Mega Menü kutucuğunu işaretleyin ve aşağıdaki içerikleri buraya yapıştırın. 
                                                        
                                                         
    <li class="row row-cols-2">
        <div class="menu-item">
            <a href="{SITE_URL}kategori/ekonomik-ssd-hosting">
                <i class="fa-solid fa-cloud"></i>
                <span class="menu-title">
                    <h5>Ekonomik SSD Hosting</h5>
                Sadece <strong>39 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}kategori/profesyonel-ssd-hosting">
                <span class="fon-ribbon">Popüler</span>
                <i class="fa-solid fa-server"></i>
                <span class="menu-title">
                    <h5>Profesyonel SSD Hosting</h5>
                    Sadece <strong>49 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}kategori/bayi-reseller-hosting">
                <i class="fa-solid fa-sitemap"></i>
                <span class="menu-title">
                    <h5>Reseller Hosting</h5>
                    Sadece <strong>15 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-solid fa-database"></i>
                <span class="menu-title">
                    <h5>Kurumsal Hosting</h5>
                İşletmeler için daha yüksek performans ve seçenekler.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-brands fa-wordpress"></i>
                <span class="menu-title">
                    <h5>Wordpress Hosting</h5>
                    Wordpress için optimize edilmiş güvenli ve kararlı platform.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-solid fa-cart-plus"></i>
                <span class="menu-title">
                    <h5>E-Ticaret Hosting</h5>
                    E-Ticarete özel yüksek performans ve optimizasyon.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-shield-halved"></i>
        Tüm web hosting paketlerimizde SSL sertifikası
        <strong>ÜCRETSİZ</strong> sağlanmaktadır.
    </li>                                                    
                                                
                                                        
                                                        
    <li class="row row-cols-2">
        <div class="menu-item">
            <a href="{SITE_URL}en/category/cheap-ssd-hosting">
                <i class="fa-solid fa-cloud"></i>
                <span class="menu-title">
                    <h5>Cheap SSD Hosting</h5>
                    Prices starting from only <strong>$39</strong>.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/category/professional-ssd-hosting">
                <span class="fon-ribbon">Popüler</span>
                <i class="fa-solid fa-server"></i>
                <span class="menu-title">
                    <h5>Professional SSD Hosting</h5>
                    Prices starting from only <strong>$49</strong>.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/category/reseller-hosting">
                <i class="fa-solid fa-sitemap"></i>
                <span class="menu-title">
                    <h5>Reseller Hosting</h5>
                    Prices starting from only <strong>$9</strong>.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-solid fa-database"></i>
                <span class="menu-title">
                    <h5>Corporate Hosting</h5>
                    For higher performance and options for businesses.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-brands fa-wordpress"></i>
                <span class="menu-title">
                    <h5>Wordpress Hosting</h5>
                    A secure and powerful platform crafter for wordpress.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="#">
                <i class="fa-solid fa-cart-plus"></i>
                <span class="menu-title">
                    <h5>E-Commerce Hosting</h5>
                    High performance and optimization tailored for e-commerce.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-shield-halved"></i>
        SSL certificate is provided <strong>FREE</strong> of charge in all our web hosting packages.
    </li>
  6. Güncelle/Kaydet düğmesine tıklayarak menünüzü kaydedin.

Server Mega Menü İçeriği

Demo site Server Mega Menü içeriğini oluşturmak için yapmanız gerekenler:

  1. WiseCP Yönetim Panelinizde oturum açın.
  2. Site Yönetimi > Menüler (Header/Footer) menüsünü tıklayın.
  3. Açılan sayfada yer alan Header Menü sekmesinde düzenlemek istediğiniz menüyü (Sunucu) seçin ve karşısındaki simgesine tıklayın.
  4. Açılan Popup pencerede Simge alanına 320 değerini girin. Bu değeri içeriğinizin genişliğine göre azaltıp çoğaltabilirsiniz. Tam geniş yapmak için full yazabilirsiniz. NOT: Temamızda Simge alanı Mega Menü genişliğini ayarlamak için kullanılmaktadır.
  5. Açılan Popup pencerede Mega Menü kutucuğunu işaretleyin ve aşağıdaki içerikleri buraya yapıştırın. 
                                                        
                                                        
    <li class="row row-cols-1">
        <div class="menu-item">
            <a href="{SITE_URL}kategori/ssd-sanal-sunucular-vds-vps">
                <i class="fa-solid fa-server"></i>
                <span class="menu-title">
                    <h5>VPS/VDS</h5>
                    Aylık sadece <strong>39 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}kategori/fiziksel-sunucular-dedicated">
                <span class="fon-ribbon">Popüler</span>
                <i class="fa-solid fa-computer"></i>
                <span class="menu-title">
                    <h5>Fiziksel Sunucular</h5>
                    Aylık sadece <strong>69 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-award"></i>
        Full Terformans, Tam Donanım, Her Bütçeye Uygun Sunucu Kiralama Çözümleri.
    </li>                                                    
                                                
                                                        
                                                        
    <li class="row row-cols-1">
        <div class="menu-item">
            <a href="{SITE_URL}en/category/ssd-virtual-servers-vds-vps">
                <i class="fa-solid fa-server"></i>
                <span class="menu-title">
                    <h5>VPS/VDS</h5>
                    Prices starting from only <strong>$39</strong> per month.</a>
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/category/dedicated-servers">
                <span class="fon-ribbon">Popular</span>
                <i class="fa-solid fa-computer"></i>
                <span class="menu-title">
                    <h5>Dedicated Server</h5>
                    Prices starting from only <strong>$59</strong> per month.</a>
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-award"></i>
        Full performance, full hardware, server leasing solutions for every budget.
    </li>
  6. Güncelle/Kaydet düğmesine tıklayarak menünüzü kaydedin.

SMS Mega Menü İçeriği

Demo site SMS Mega Menü içeriğini oluşturmak için yapmanız gerekenler:

  1. WiseCP Yönetim Panelinizde oturum açın.
  2. Site Yönetimi > Menüler (Header/Footer) menüsünü tıklayın.
  3. Açılan sayfada yer alan Header Menü sekmesinde düzenlemek istediğiniz menüyü (SMS) seçin ve karşısındaki simgesine tıklayın.
  4. Açılan Popup pencerede Simge alanına 350 değerini girin. Bu değeri içeriğinizin genişliğine göre azaltıp çoğaltabilirsiniz. Tam geniş yapmak için full yazabilirsiniz. NOT: Temamızda Simge alanı Mega Menü genişliğini ayarlamak için kullanılmaktadır.
  5. Açılan Popup pencerede Mega Menü kutucuğunu işaretleyin ve aşağıdaki içerikleri buraya yapıştırın. 
                                                        
                                                        
    <li class="row row-cols-1">
        <div class="menu-item">
            <a href="{SITE_URL}uluslararasi-sms">
                <i class="fa-solid fa-earth-americas"></i>
                <span class="menu-title">
                    <h5>Uluslararası Toplu SMS</h5>
                    Uluslararası toplu sms servisimiz ile tüm dünyaya en uygun fiyatlarla sms gönderin.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}kategori/sms">
                <span class="fon-ribbon">Popüler</span>
                <i class="fa-solid fa-comment-sms"></i>
                <span class="menu-title">
                    <h5>Türkiye Toplu SMS</h5>
                    Başlıklı, Anında Teslim toplu sms hizmeti ile, Tüm Türkiye\'ye sms gönderin.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-star"></i>
        Taahhütsüz ve Süresiz / Başlıklı / Anında Teslim toplu sms hizmetlerimizden yararlanın.
    </li>                                                    
                                                
                                                        
                                                        
    <li class="row row-cols-1">
        <div class="menu-item">
            <a href="{SITE_URL}en/international-sms">
                <i class="fa-solid fa-earth-americas"></i>
                <span class="menu-title">
                    <h5>International Bulk SMS</h5>
                    Send SMS to the entire world at the best prices with our international bulk SMS service.
                </span>
            </a>
        </div>
        <div class="menu-item">
            <a href="{SITE_URL}en/category/sms">
                <span class="fon-ribbon">Popular</span>
                <i class="fa-solid fa-comment-sms"></i>
                <span class="menu-title">
                    <h5>Türkiye Bulk SMS</h5>
                    Send SMS to all of Turkey with the instant delivery bulk SMS service.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-star"></i>
        Take advantage of our commitment-free and unlimited / titled / instant delivery bulk SMS services.
    </li>
  6. Güncelle/Kaydet düğmesine tıklayarak menünüzü kaydedin.

Kurumsal Mega Menü İçeriği

Demo site Kurumsal Mega Menü içeriğini oluşturmak için yapmanız gerekenler:

  1. WiseCP Yönetim Panelinizde oturum açın.
  2. Site Yönetimi > Menüler (Header/Footer) menüsünü tıklayın.
  3. Açılan sayfada yer alan Header Menü sekmesinde düzenlemek istediğiniz menüyü (Kurumsal) seçin ve karşısındaki simgesine tıklayın.
  4. Açılan Popup pencerede Simge alanına full değerini girin. Bu değeri içeriğinizin genişliğine göre azaltıp çoğaltabilirsiniz. Sabit bir genişlik ayarlamak için piksel cinsinden bir değer Örn:1100 girebilirsiniz. NOT: Temamızda Simge alanı Mega Menü genişliğini ayarlamak için kullanılmaktadır.
  5. Açılan Popup pencerede Mega Menü kutucuğunu işaretleyin ve aşağıdaki içerikleri buraya yapıştırın. 
                                                        
                                                            
    <li class="row row-cols-4"> 
        <div class="menu-item menu-list">
            <h4><i class="fa-regular fa-address-card"></i> Kurumsal Bilgiler</h4>
            <a href="{SITE_URL}hakkimizda.html">Hakkımızda</a>
            <a href="{SITE_URL}referanslar">Referanslar</a>
            <a href="{SITE_URL}haberler">Haber ve Duyurular</a>
            <a href="{SITE_URL}iletisim">İletişim</a>
            </div>
        <div class="menu-item menu-list">
            <h4><i class="fa-regular fa-life-ring"></i> Destek ve Yardım</h4>
            <a href="{SITE_URL}bilgi-bankasi">Bilgi Bankası</a>
            <a href="{SITE_URL}hesabim/destek-talebi-olustur">Destek Talebi Oluştur</a>
            <a href="{SITE_URL}yazilimlar#scriptsss">Sıkça Sorulan Sorular</a>
            <a href="{SITE_URL}yazilar">Blog'tan Yazılar</a>
        </div>
    
        <div class="menu-item menu-list">
            <h4><i class="fa-solid fa-file-contract"></i> Diğer Sayfalar</h4>
            <a href="{SITE_URL}urunler/is-ortakligi-bayilik">İş Ortaklığı (Bayilik)</a>
            <a href="{SITE_URL}lisans-dogrula">Lisans Sorgulama</a>
            <a href="{SITE_URL}hizmet-ve-kullanim-sozlesmesi">Hizmet ve Kullanım Sözleşmesi</a>
            <a href="{SITE_URL}kisisel-veriler-ve-genel-gizlilik-sozlesmesi">Gizlilik Sözleşmesi</a>
            <a href="{SITE_URL}cerez-politikasi.html">Çerez Politikası</a>
            </div>
        <div class="menu-item menu-featured featured-column" style="background-image: url({TEMPLATE_URL}images/contact-girl.png)">
            <div class="menu-box">
                <i class="fa-solid fa-headset"></i>
                <span class="menu-title">
                    Müşteri Hizmetleri
                    <h5>0850 123 45 67</h5>
                </span>
            </div>
            <div class="menu-box">
                <i class="fa-solid fa-envelope"></i>
                <span class="menu-title">
                    E-Posta Adresimiz
                    <h5>info@example.com</h5>
                </span>
            </div>   
    <div class="menu-box">
                <i class="fa-solid fa-bullhorn"></i>
                <span class="menu-title">
                    Kampanya
                    <h5>%20 Hoşgeldin İndirimi</h5>
                </span>
            </div>   
    
        </div>
    </li>                                                    
                                                
                                                        
                                                            
    <li class="row row-cols-4"> 
        <div class="menu-item menu-list">
            <h4><i class="fa-regular fa-address-card"></i> Corporate Information</h4>
            <a href="{SITE_URL}en/about-us.html">About Us</a>
            <a href="{SITE_URL}en/references">Our References</a>
            <a href="{SITE_URL}en/news">News and Announcements</a>
            <a href="{SITE_URL}en/contact">Contact Us</a>
          </div>
        <div class="menu-item menu-list">
            <h4><i class="fa-regular fa-life-ring"></i> Support and Help</h4>
            <a href="{SITE_URL}en/knowledgebase">Knowledge Base</a>
            <a href="{SITE_URL}en/myaccount/create-support-requests">Create Support Request</a>
            <a href="{SITE_URL}en/softwares#scriptsss">Frequently Asked Questions</a>
            <a href="{SITE_URL}en/articles">Recent Posts from Blog</a>
        </div>
        
        <div class="menu-item menu-list">
            <h4><i class="fa-solid fa-file-contract"></i> Other Pages</h4>
            <a href="{SITE_URL}en/category/partnership-dealership">Partnership (Dealership)</a>
          <a href="{SITE_URL}en/license-verification">License Verification</a>
          <a href="{SITE_URL}en/service-and-use-agreement">Service and Use Agreement</a>
          <a href="{SITE_URL}en/personal-data-and-general-privacy-agreement">Privacy Policy</a>
          <a href="{SITE_URL}en/cookie-policy.html">Cookie Policy</a>
          </div>
        <div class="menu-item menu-featured featured-column" style="background-image: url({TEMPLATE_URL}images/contact-girl.png)">
            <div class="menu-box">
                <i class="fa-solid fa-headset"></i>
                <span class="menu-title">
                      Customer Service
                    <h5>+1 732-776-6536</h5>
                </span>
            </div>
            <div class="menu-box">
                <i class="fa-solid fa-envelope"></i>
                <span class="menu-title">
                      E-Mail Address
                    <h5>info@example.com</h5>
                </span>
            </div>  
    <div class="menu-box">
                <i class="fa-solid fa-bullhorn"></i>
                <span class="menu-title">
                    Deals
                    <h5>%20 Welcome Discount</h5>
                </span>
            </div>   
        </div>
    </li>
  6. Güncelle/Kaydet düğmesine tıklayarak menünüzü kaydedin.

Mega Menü Yapısı

Mysia Mega Menü iki farklı stilden oluşmakadır:

  1. Simgeli Blok Görünümü: Örneğin: Web Hosting, Server, SMS menüleri

    Simgeli Blok Kod İncelemesi:
                                                        
    <li class="row row-cols-2">
        <div class="menu-item">
            <a href="{SITE_URL}tr/kategori/hosting/ekonomik-ssd-hosting">
                <i class="fa-solid fa-cloud"></i>
                <span class="menu-title">
                    <h5>Ekonomik SSD Hosting</h5>
                Sadece <strong>39 TL</strong>'den başlayan fiyatlarla.
                </span>
            </a>
        </div>
    </li>
    <li class="menu-featured">
        <i class="fa-solid fa-shield-halved"></i>
        Tüm web hosting paketlerimizde SSL sertifikası
        <strong>ÜCRETSİZ</strong> sağlanmaktadır.
    </li>
    • A - Ana Tayışıcı Öge:
      .row css sınıfına sahip olan <li> ögesi simgeli blokların gösterileceği alandır. Bu öge bootstrap satır css sınıflarını kullanır ve ögelerin gösterilmesini istediğiniz sütun sasyısını ilgili css sınıfı ile ekleyebilirsiniz. Örn: Bir satırda 3 öge gösterilmesini istiyorsanız row-cols-3 css sınıfını ekleyebilirsiniz. Bootstrap Grid Row Sınıfları için Buraya Tıklayınız.
      • B - Menü Ögesi:
        .menu-item css sınıfına sahip olan <div> html ögesi her bir menünüzü içeren bloktur. Menü sayınıza bağlı olarak bu ögeyi çoğaltabilirsiniz.
        • C - Menü Linki: menü linkini yazacağınız <a> html ögesi.
          • C1 - Simge: İstediğiniz FontAwesome 6.5.2 simgesi kodunu yazabilirsiniz.
          • C2 - Menü Başlığı:
            .menu-title css sınıfına sahip olan <span> html ögesi menünüzün başlığını ve varsa açıklamasını içermektedir. Menü başlığınızı <h5> html ögesi içerisine yazmalısınız.
    • D - Reklam / Tanıtım Menü Ögesi :
      .menu-featured css sınıfına sahip olan bu <li> html ögesi içerisinde istediğiniz duyuru ve reklamları yayınlayabilirsiniz. Resim dahil her türlü özel html kodunuzu ekleyebilirsiniz. Menünün altında gösterilir.

  2. Menü Listesi Görünümü: Örneğin: Kurumsal menüsü

    Menü Listesi Kod İncelemesi:
                                                        
    <li class="row row-cols-4">
        <div class="menu-item menu-list">
            <h4><i class="fa-regular fa-address-card"></i> Kurumsal Bilgiler</h4>
            <a href="{SITE_URL}hakkimizda.html">Hakkımızda</a>
            <a href="{SITE_URL}referanslar">Referanslar</a>
            <a href="{SITE_URL}haberler">Haber ve Duyurular</a>
            <a href="{SITE_URL}iletisim">İletişim</a>
        </div>
        <div class="menu-item menu-featured featured-column" style="background-image: url({TEMPLATE_URL}images/iletisim-ceo.png)">
            <div class="menu-box">
                <i class="fa-solid fa-headset"></i>
                <span class="menu-title">
                    Müşteri Hizmetleri
                    <h5>0850 123 45 67</h5>
                </span>
            </div>
            <div class="menu-box">
                <i class="fa-solid fa-headset"></i>
                <span class="menu-title">
                    E-Posta Adresimiz
                    <h5>info@example.com</h5>
                </span>
            </div>
        </div>
    </li>
    • A - Ana Tayışıcı Öge:
      .row css sınıfına sahip olan <li> ögesi menü listesi bloklarının gösterileceği alandır. Bu öge bootstrap satır css sınıflarını kullanır ve ögelerin gösterilmesini istediğiniz sütun sasyısını ilgili css sınıfı ile ekleyebilirsiniz. Örn: Bir satırda 3 öge gösterilmesini istiyorsanız row-cols-3 css sınıfını ekleyebilirsiniz. Bootstrap Grid Row Sınıfları için Buraya Tıklayınız.
      • B - Menü Ögesi:
        .menu-item css sınıfına sahip olan <div> html ögesi her bir menünüzü içeren bloktur. Menü sayınıza bağlı olarak bu ögeyi çoğaltabilirsiniz. Menü Listesi görünümü için bu ögeye mutlaka menu-list css sınıfını eklemelisiniz.
        • B1 - Menü Grubu Başlığı: menü başlığını gireceğiniz <h4> html ögesidir. İsterseniz FontAwesome 6.5.2 simgeleri ekleyebilirsiniz.
        • B2 - Menü Linki: bu grup altında yayınlamak istediğiniz menü linklerini alt alta <a> etiketleri içerisine yazabilirsiniz. İstediğiniz kadar çoğaltabilirsiniz.
      • C - Reklam / Tanıtım Menü Ögesi :
        .menu-featured css sınıfına sahip olan bu <div> html ögesi içerisinde istediğiniz duyuru ve reklamları yayınlayabilirsiniz. menu-item css sınıfına sahip ögeye menu-featured featured-column css sınıfını eklemelisiniz.
        • C1 ve C2 - Simgeli Tanıtım Kutuları:
          .menu-box css sınıfına sahip olan bu <div> html ögesi içerisinde istediğiniz önemli biglileri yayınlayabilirsiniz. Benzer bir görünüm oluşturmak için mevcut kodları düzenleyebilirsiniz. FontAwesome 6.5.2 simgesi ekleyebilir ve menu-title css sınıfına sahip <span> html ögesi içerisine <h5>başlığınızı ve içeriğinizi yazabilirsiniz

Paket Özellikleri

Mega Menü ayarlarınızı yapılandırdıktan sonra lütfen aşağıdaki adımları takip edin.

  1. Başlarken > Paket Özellikleri Oluşturma (isteğe bağlı)
  2. Başlarken > E-Posta Şablonu
  3. Başlarken > Özel Sayfalar (isteğe bağlı)