Popup Açılır Kutu Giriş Mesajı

1. _Layout.cshtml en antına aşağıdaki kodu en alta yapıştırıyoruz.

<script src="/Content/Tema/@(Partial.Ayar("Tema"))/js/jquery.cookie.js"></script>
  <style>
        #acilis .modal-dialog {
            overflow-y: initial !important;
        }

        #acilis .modal-body {
            height: 75vh;
            overflow-y: auto;
        }
    </style>
    @{
        if (anasayfa == true)
        {
            if (Partial.Translate("PopupGoster", dilk).ToString() == "true")
            {
                <script type="text/javascript">
                $(document).ready(function () {

                    var cookieValue = $.cookie("popupGoster");
                    if (cookieValue != 1) {
                        $('#acilis').modal('show');
                    }

                });

                $(document).ready(function () {
                    $('#gosterme').change(function () {
                        if ($(this).is(":checked")) {
                            $.cookie("popupGoster", 1, {
                                expires: 10
                            });
                        }
                        else {
                            $.removeCookie("popupGoster");
                        }
                    });
                });
                </script>





                string aciliskontrol = Partial.Translate("PopupCerceve", dilk).ToString();
                if (aciliskontrol == "false" || aciliskontrol == "False" || aciliskontrol == "FALSE")
                {
                    <style>
                        .ilkacilan .modal-content {
                            background-color: transparent !important;
                            box-shadow: none !important;
                            border: none !important;
                        }

                        .ilkacilan .modal-header {
                            border-bottom: none !important;
                        }

                        .ilkacilan .modal-footer {
                            border-top: none !important;
                            color: #fff;
                            padding-top: 0px;
                            margin-top: -15px;
                        }

                        .ilkacilan button.close {
                            color: #fff !important;
                            text-shadow: none !important;
                            opacity: 1 !important;
                        }

                        .ilkacilan .modal-body {
                            height: auto !important;
                        }
                    </style>
                }

                <div class="modal fade" id="acilis" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog modal-lg ilkacilan" role="document">
                        <div class="modal-content">
                            <div class="modal-header" style="min-height: 45px;">
                                <h5 class="modal-title">@Partial.Translate("PopupBaslik", dilk)</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                            </div>
                            <div class="modal-body">
                                @Partial.Translate("PopupAciklama", dilk)
                            </div>
                            <div class="modal-footer">
                                <input type="checkbox" name="gosterme" id="gosterme" value="1" /> <label for="gosterme">@Partial.Translate("PopupGosterme", dilk)</label> <button type="button" class="btn btn-default" data-dismiss="modal">@Partial.Translate("PopupKapat", dilk)</button>
                            </div>
                        </div>
                    </div>
                </div>
            }
        }
    }

2. Yönetim panelinde translate menusunden aşağıdaki alanları açıyoruz. Yönetim Paneli > Translate > Ekle

PopupGoster : true

PopupAciklama : Anasayfada popup hangi görsel açılacaksa bu alana eklıyoruz.

PopupGosterme : Bir daha gösterme

PopupKapat : Kapat

PopupCerceve : true

PopupBaslik : Popup Başlığı

Anasayfada aşapıdaki gibi görüntülenecektir;

pop