Nasıl doğru kullanılacağını biliyorsanız, açılır formlar pazarlama stratejinizin büyük bir parçası olabilir. E-posta adresleri almanıza, satışları artırmanıza ve daha pek çok şeye yardımcı olabilirler. Ancak, WordPress'te iyi görünen ve benzersiz bir şekilde biçimlendirilmiş açılır pencereler oluşturmak her zaman kolay değildir. Web sayfaları oluşturmaya yönelik bir eklenti olan Elementor , siteniz için açılır pencereler oluşturma ve bunları değiştirme sürecini basitleştirir. Bunları istediğiniz gibi görünecek şekilde değiştirebilir ve kullanıcı işlemlerine veya coğrafi konuma göre ek tetikleyiciler oluşturabilirsiniz. Bununla birlikte, tek sayfalık bir web sitesi oluştururken, sayfa bölüme kaydırılacağından ancak açılır pencere kendi kendine kapanmayacağından, bağlantı bağlantılarıyla ilgili sorun yaşayabilirsiniz. Bunu düzeltmek için, bir bağlantıya veya bağlantıya tıklandığında açılır pencerenin kendi kendine kapanmasını sağlayalım.
Menü Çapa Bağlantısında Açılır Pencereyi Kapat jQuery Snippet Kodu
Bir bağlantı tıklandıktan sonra açılır pencerenin mobil cihazlarda düzgün şekilde kapanması için, bir tıklamayı algılamak ve açılır pencereyi kapatmak üzere özel bir jQuery komut dosyası eklemek gerekir.
Başlamak için Elementor > Özel kod'a gidin.
Yeni ekle düğmesini seçin, ardından özel kod snippet'inize "açılır menü düzeltmesi" veya benzeri bir açıklayıcı ad verin.
Bu kodu alana yapıştırarak düzenlemelerinizi yapın.
<script>
jQuery( document ).ready(function($){
$(document).on('click','.elementor-location-popup a', function(event){
elementorProFrontend.modules.popup.closePopup( {}, event);
})
});
</script>Snippet'i belirttiğiniz sayfalarda veya kategorilerde kullanılabilir hale getirmek için /head> etiketine yerleştirin ve "Yayınla" düğmesine basın.
Çözüm
Elementor açılır menüsü, açılır menünün kapanmasında bazı sorunlar yaratabilir. Bu jQuery parçası, mobil açılır menüyü kapatmanız gerektiğinde işinizi görecektir. Lütfen düşüncelerinizi ve endişelerinizi aşağıdaki bölümde paylaşın.
