Selamlar, genelde woocommerce sitelerinizdeki ödeme yöntemleri kullanıcının seçimine bırakılır. Fakat 1 tanesi default olarak açık gelir, bunu woocommerce ayarlarından yapmak mümkün değil. Siz de tüm ödemelerin kapalı gelmesini, bunu kullanıcının seçimi ile sağlamasını istiyorsanız sizin için ufak bir illüzyon göstereceğim. İllüzyon diyorum çünkü gerçekten de öyle, çekirdek dosyalarını düzenlemeden jquery kullanarak bazı şeyleri gizleyip, öyleymiş gibi göstereceğiz. Çünkü bunun kesin çözümü henüz yok, ben de kendimde bir yöntem geliştirdim.
Şimdi yaptığımız olay şu; jquery yazarak ödeme yöntemi kutucuğunu gizliyoruz ve seçili olan radio inputun tikini kaldırıyoruz. Fakat bunu yapmak kolay değil, çünkü çekirdekten gelen javascript kodlarını bastırmak gerçekten zor. Bu yüzden sayfa yüklendikten sonra scroll hareketini kontrol ediyoruz ve javascript fonksiyonumuzu 1 kere çalıştırıyoruz. Bu şekilde bir çözüme ulaşabilirsiniz. Aşağıda kodları paylaşıyorum, payment_method_name değerini kendinize göre düzenlemeyi unutmayın. Bunu da yapmak için tarayıcıda incele ekranını açtıktan sonra ödeme yöntemlerinden aktif olanına bir kere tıklayın. Kaynak kodların < li class=”wc_payment_method payment_method_stripe_giropay” > benzeri bir kod göreceksiniz, payment_method_stripe_giropay bu ödeme yönteminin adıdır, bunu aşağıdaki koda dahil etmelisiniz, tabi bu isimler sizde değişkenlik gösterir, siz hangi açık gelen ödeme yöntemini kapatmak istiyorsanız onun adını kullanın. Tema dosyanızdaki footer.php dosyasında en alt kısımda script tagleri arasında aşağıdaki kodu düzenleyip dahil edin. kolay gelsin.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
jQuery(document).ready(function($){ $(window).scroll(function() { if ($(this).scrollTop() > 0) { if(!this.done){ this.done = true; var $paymentCheckboxes = $('.woocommerce-checkout-payment').find('[name="PAYMENT_METHOD_NAME_HERE"]'); $paymentCheckboxes.removeAttr('checked'); $('.payment_box').hide(); $('#PAYMENT_METHOD_NAME_HERE').prop("checked", false); } } }); }); |
Bir önceki yazımız olan Woocommerce - Sepete Otomatik Ürün Ekleme başlıklı makalemizi de okumanızı öneririz.