Mobilde Dil Seçeneği Ekleme

_Layout sayfasına aşağıdaki kodu en üste ekliyoruz;

  IEnumerable<Language> Languages = Partial.Languages().OrderBy(m => m.LanguageShortName);
    int Languagesay = Languages.Count();

Dil butonunun yer almasını istediğiniz alana aşağıdaki kodu ekliyoruz;

 <div class="col">
                <a data-fancybox="" data-src="#Language" href="javascript:;">
                        <i class="fas fa-globe-europe"></i>
                        <span>Diller</span>
                    </a>
                    @if (Languagesay < 2)
                    {
                        foreach (Discus.Models.Page iletcategoryCountfa in Partial.Pages(lang))
                        {
                            if (iletcategoryCountfa.PageOrder == 99)
                            {
                                <li class="i6 last"><a href="@Partial.PageLink(iletcategoryCountfa.PageID)" title="iletcategory" data-type="self"><span class="hidden">Language SEÇENEĞİ</span></a></li>
                            }
                        }

                        foreach (Category iletcategoryCategory in Partial.CategoryRoot(lang))
                        {
                            if (iletcategoryCategory.CategoryOrder == 999)
                            {
                                <li class="i6 last"><a href="@Partial.CategoryLink(iletcategoryCategory.CategoryID)" title="iletcategory" data-type="self"><span class="hidden">Language SEÇENEĞİ</span></a></li>
                            }
                        }
                    }
                    else
                    {
                        <li class="i5 last"><a class="fancybox3" href="#Language" title="Select Your Language" data-type="self"><span class="hidden">Language SEÇENEĞİ</span></a></li>
                    }

            </div>

_Layout sayfasında bu kodun dışında ayrı bir alana;

    @if (Languagesay > 1)
    {
        <div id="Language" style="width:100%; display: none;">
            <h4>Select Your Language</h4>
            @foreach (Language aktifLanguage in Languages)
            {
                if (aktifLanguage.LanguageShortName == "tr")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/tr">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_tr.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "en")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/en">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_uk.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "ru")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/ru">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ru.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "fr")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/fr">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_fr.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "ar")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/ar">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ar.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "fa")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/fa">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_ir.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "de")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/de">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_de.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "sv")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/de">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_sv.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "nl")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/nl">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_nl.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "zh")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/zh">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_zh.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "it")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/it">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_it.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "no")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/no">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_no.png" style="width: 100%;" />
                        </a>
                    </div>
                }

                if (aktifLanguage.LanguageShortName == "es")
                {
                    <div class="col-sm-4 mt5 mb5">
                        <a href="/es">
                            <img src="https://www.karayeltasarim.com/destek/resimler/flag_es.png" style="width: 100%;" />
                        </a>
                    </div>
                }
            }
        </div>
    }