"Enter"a basıp içeriğe geçin

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

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>

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

woocommerce ürün sayfasında sıralama değiştirmeden önce
Sıralama değiştirmeden önce
woocommerce ürün sayfasında sıralama değiştikten sonra
Sıralama değiştikten sonra

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ı.

 

2 Yorum

  1. ersin arslan ersin arslan 8 Haziran 2019

    Merhabalar, sitedeki ürünleri (ikinci el cep telefonu satışı için) son çıkan modeller daha ön sıralarda olmasını , daha eskiden çıkan modellerin daha alt sıralarda çıkmasını istiyoruz. Bununla ilgili nasıl bir düzenleme, algoritma, plugin, ya da seçenek kullanabiliriz. Teşekkürler

    • ftpyz ftpyz 11 Haziran 2019

      Woocommerce magazada sıralama seçenekleri mevcut yada rearrange woocommerce tarzı eklentilere bakabilirsin

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir