WooCommerce Kancaları İle Mağaza Özelleştirmek

WooCommerce mağaza özelleştirmek mi istiyorsunuz? Fakat ayarlar bölümünde yapmak istediğiniz değişiklik ile ilgili herhangi bir ayar bulamıyor musunuz? Keşke şu ‘Sepete Ekle’ yazısı yerine ‘Satın Al’ yazabilsem. ‘Stokta Yok’ yazısı yerine ‘Çok Yakında Sizlerle’ yazsa daha güzel olurdu diye düşünüyorsunuz. Bu rehber sizin için biçilmiş kaftan.

Herşeyden önce,  yazımda sizlere ileteceğim kod bloklarını sitenize eklemek için Code Snippets eklentisini kullanabilirsiniz. Hadi başlayalım.

WooCommerce Mağaza Özelleştirmek  İçin 4 Öneri

1- Sepete Ekle

Sepete ekle butonları ürün listeleme, kategori sayfaları veya ürünün detay sayfaları gibi bir çok yerde müşterilerinizin karşısına çıkmakta. Öncelikle kategori ve listeleme bölümleri için yazı değiştirmeden başlayalım. Aşağıdaki blok parçası ile bu sorunu çözebilirsiniz.


</p>
add_filter( 'woocommerce_product_add_to_cart_text', function() {
return __( 'Satın Al' , 'woocommerce');
});
<p>

WooCommerce mağaza özelleştirmek için ürünlerinizin sayfalarındaki ‘sepete ekle’ yazısı için ise bu kod bloğunu kullanabilirsiniz. Böylece ürünlerinizi basitçe herhangi eklenti ihtiyacı duymadan ekleyebilirsiniz.


</p>
add_filter( 'woocommerce_product_single_add_to_cart_text', function() {
return __( 'Satın Al' , 'woocommerce');
});
<p>

2- Stokta Yok

Varsayılan Stokta Yok yazısı müşterilerinizi sitede kalmaya veya tekrar gelip bakmaya teşvik etmez ve müşterilermizin kaybetmek istemeyiz.  Bu kod bloğu ile orda yazan yazıyı degiştirebilirsiniz.

add_filter( 'woocommerce_get_availability_text', function( $availability , $product ) {
if ( ! $product->is_in_stock() ) {
$availability = __( 'Çok Yakında Stoklarda', 'woocommerce' );
}
return $availability;
}, 10 , 2 );

3- Mağaza sayfasının üst ve alt bölümlerine müdahale etme

Müşterilerinizin ilgisini çekebilecek kampanya veya indirimlerinizi bannerlarla süsleyebilriz. Ürünleriniz listelemeden öncesi yada sonrası bir resim yada yazı ile süslemek isteriz. Bu blok code parçası size yardımcı olacaktır.

add_action( 'woocommerce_before_shop_loop', function( ) {
?>

Seçili Ürünlerde %10 indirim

add_filter( 'wc_product_sku_enabled', '__return_false' );

5- Ödeme alanlarını özelleştirme

Son olarak WooCommerce mağaza özelleştirmek için altyapılı mağaza sahibinin yakındığı sayfa Ödeme Sayfası. Bu sayfayı özelleştirmek veya düzenlemek için her ne kadar onlarca müdahale edilebilir kanca ve kod olsa da istenilene ulaşmak çok zor. Size ödeme sayfanızı güzelleştirecek müşterilerinizin çoklu adres kayıt edebildiği tasarımı ile göz kamaştıran Kolay Çoklu Adres eklentimizden bahsetmeden geçmek istemedim. Gelelim ödeme alanlarına nasıl müdahale ederiz. Birlikte Ad Soyad alanınız İsim , Soyisim yapalım.


add_filter( 'woocommerce_checkout_fields', function( $fields ) {
$fields['billing']['billing_first_name']['label'] = __('İsim' , 'woocommerce' );
$fields['billing']['billing_last_name']['label'] = __('Soyisim' , 'woocommerce' );
return $fields;
});