wooCoomerce ürün sayfasında basit düzenlemeler?

WordPress’te işlerin tamamı neredeyse hookların üzerinde dönüyor. WordPress’in en popüler e-ticaret eklentisi woCommerce in de tema yapısı bundan nasibini almış durumda. wooCommerce için tema geliştirmek düzenlemek bence diğer sistemlere göre (opencart, magento vs) çok kolay. wooCommerce tema yapımı ve düzenlemesi hakkında detaylı bilgiyi https://docs.woocommerce.com/document/template-structure/ adresinden alabilirsiniz. Ben bu yazı için sadece ürün sayfasındaki yapıdan bahsedeceğim.

Temanızın visual Composer yada td Composer gibi destekleri varsa bahsettiğim işlemleri yapmanıza bile gerek olmayacaktır. Ben işin kodla çözülenen tarafını anlatacağım bahsedilen işlemi yapmak için başka hatta daha kolay yöntemlerde mevcut.

Ürün Sayfası Yapısı:

woCommerce tek ürün sayfalarının görünmünü değiştirmek için templates/content-single-product.php dosyasını düzenlemeniz gerekmektedir. Bu dosya için birden fazla hook çağırın alt bir sürü tema dosyasını içeriğe aktarı. Ücreti göstermek için templates/single-product/price.php gibi aslinda burdaki dosyaların tamamı woocommerce_single_product_summary action içinde woocommerce_template_single_title, woocommerce_template_single_rating, woocommerce_template_single_price vs action çağrılarında oluşuyor

Bir tema satın aldınız ve ürün sayfasındaki fiyat yazan kısımla etiket kategorilerin yazdığı kısmın yerini değiştirmek istiyorunuz. Aşağıdaki kod kategoriler ve fiyatın action sıralamasını değiştirerek tek ürün sayfası görünümünde değişiklik yapacaktır. Kodu açıklamak gereksirse remove_action ile işlem kaldırılıyor daha sonra add_action ile istenilen yeni sırayla ekleniyor. add_action lardaki priority değerlerine dikkat ediniz

[code language=”php”]
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 10 );
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_meta’, 40 );

add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_title’, 5 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_rating’, 10 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_price’, 60 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_excerpt’, 30 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_meta’, 20 );
add_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_sharing’, 50 );</pre>
[/code]

Yukarıdaki kodları temanızın functions.php dosyasına ekleyerek çalıştırabiliriniz.

Sizde temalarınız düzenlemeden sadece functions.php ye yukarda belirttiğimi satırları ekleyerek ürün sayfalarında sıralama değişikliği yapabilirsiniz. Dikkat etmeniz gereken konu ilk önce remove_action ile işlemi kaldırıp daha sonra yeni sıralamayla tekrar eklemek olmalı.