WooCommerce Hooks’un nasıl kullanılacağına dair kapsamlı rehber
WooCommerce, bir nedenden dolayı e -ticaret web sitesi için en iyi eklentidir. Herkes WooCommerce eklentilerini kolayca yükleyebilir, etiketler ve kategoriler oluşturabilir, ürün ekleyebilir veya hatta gruplandırılmış ürünler ekleyebilir. Woocommerce’de kancaların nasıl kullanılacağına dair rehberimize başlamadan önce size kancadan bir şeyler söyleyeceğiz. Temel olarak, WordPress kancaları, herhangi bir çekirdek dosyayı düzenlemeye gerek kalmadan kodu eklemenize veya değiştirmenize olanak tanır. Bu nedenle, geliştiricilerin kodu manipüle etmek için kullanabileceği çok kullanışlı bir kod parçasıdır.
İki tür kanca vardır: eylemler ve filtreler. Eylem, çeşitli noktalara özel kodlar eklemenizi sağlar. Öte yandan filtre, sonunda yeni değişkenlerin değerini değiştirmenize, değiştirmenize ve geri yüklemenize olanak tanır. Özel bir kodu değiştirmek veya eklemek için bir kanca kullanmak istiyorsanız, tema klasörünüzde bulunabilen functions.php dosyasına ekleyebilirsiniz. Veya, değişikliklerinizin tema güncellemesiyle depolanmasını istiyorsanız, kodu klasör işlevine koyabilirsiniz. Bunu yapmak için, devam etmeden önce bir çocuk temasını nasıl yapacağınızı öğrenmeniz önemlidir.
Eylem kancalarını kullanmak için, önce tema/eklenti dosyasında/eklentisindeki kanca noktasını bulmanız ve özel kodun manipülasyonu için kullanılacak benzersiz kanca adını bulmanız gerekir. Kullanacağınız eylemin kancaları do_action (‘action_name’); . Şimdi kancanın adını bulduktan sonra, buraya ekleyebilirsiniz:
if (! function_exists (‘nama_function_anda’))) {
Function_anda () function () {
// Özel kodunuz burada
}
Add_action (‘nama_aksi’, ‘nama_function_anda’);}
Filtre kancası, Apple_Filter (‘filtre_name’, $ değişken) kullanılarak kod boyunca çağrılır; . Eylem kancaları için benzersiz bir filtrenin adını bulduğunuzda, bu değişkeni değiştirmek için özel bir işlev yapmaya başlayabilirsiniz:
if (! function_exists (‘nama_function_anda’))) {
işleviniz_function_name ($ değişken) {
// Özel kodunuz burada
geri $ değişken;
}
add_filter (‘filtre_name’, ‘nama_function_anda’);
}
Değeri döndürmeniz gerektiğini belirtmek önemlidir. Filtre kancaları birkaç değişkenden geçebilir. Bunun için, erişmek için Add_Filter işlevinde ek parametreler ayarlamanız gerekir. Bunun nedeni, WordPress geliştiricisinin 1’i alınan varsayılan değişkenlerin sayısı olarak ayarlamasıdır. Bu nedenle, diğer değişkenlere erişmek istiyorsanız, işlevde 4. parametreyi ayarlamanız gerekir. Örnekler, çeşitli değişkenlere sahip filtre kancalarıdır:
Applate_filter (‘filtre_name’, $ vary1, $ varic2, $ değişken3);
Ve bunun için uygun işlev budur:
if (! function_exists (‘nama_function_anda’))) {
işleviniz_function_name ($ vary1, $ varic2, $ değişken3) {
// özel bir kod örneği
$ yeni değer = $ değişken1 + $ değişken2 + $ değişken3;
$ New_Value iade;
}
add_filter (‘filtre_name’, ‘nama_function_anda’, 10, 3);
}
Add_filter işlevindeki 3. parametrenin önceliği vardır. Bu parametre ile işlevinizin ne zaman çalıştırılacağını kontrol edebilirsiniz. Bu, hareket kancaları için kanca filtresinden daha kullanışlı bir parametredir, çünkü aynı eylemi kullanan bazı özel işlevler varsa yeni bir kod ekleyeceğinizi kontrol edebilirsiniz. Şimdi WordPress’te nasıl çalıştığını açıkladıktan sonra , WooCommerce şablonlarının nasıl değiştirileceğine dair bazı yararlı hileler göstereceğiz. Bu amaçla WordPress’in en son sürümünü yirmi on yedi temasıyla ve şu anda WooCommerce (3.5.4) eklenti sürümü ile kullanacağız. Ana dükkan sayfasından başlayacağız:
Gördüğünüz gibi, varsayılan mağaza sayfası:
Galeta unu
Sonuçları ve rezervasyonları hesaplayın
Ürün listesi
Pagel
Taraf (isteğe bağlı)
Kodu buraya değiştirmek veya eklemek istiyorsanız, önce eklenti klasörünü girmeniz gerekir. Bunu WooCommerce/Templates/Archive-Product.php’ye erişerek yapabilirsiniz. Orada bulunduktan sonra, eklenti üreticisi tarafından hangi kancaların uygulandığını kontrol etmelisiniz.
Bir sonraki bölümde aşağıdakileri tartışacağız:
Ekmek kırıntılarından nasıl kurtulur
Sayfa Başlıkları Nasıl Gizlenir
Mağaza sayfaları için ürün sayısı nasıl değiştirilir
Özel İşaretlemelerle Ürünler Listesi Nasıl Sarılır
Ürün öğelerinde satılan rozetler nasıl eklenir
Ürün Öğesi Başlık İşaretlemesi Nasıl Değiştirilir
Fiyat ve Sıralama Pozisyonu Nasıl Değiştirilir
Bonus: Tüm önemli mağaza işlevlerine sahip temalar
Woocommerce Register ile bültenimize bir çevrimiçi mağaza oluşturmak için ücretsiz kılavuzumuzu alın ve WooCommerce (88 sayfa) ile bir çevrimiçi mağaza oluşturmak için tam PDF kılavuzunun tam bir kopyasını göndereceğiz. Galeta unu
Aşağıdaki özel kod, bir ekmek kırıntısı işaretlemesi ekleyen wooocommerce_breadcrumb işlevini siler. 20. önceliği belirledik çünkü bu, eklenti şablonu dosyasındaki varsayılan öncelik değeridir.
/**
*
* @Hoohed woocommerce_output_content_wrapper – 10 (içerik için bir açılış div yayınlandı)
* @Hoohed woocommerce_breadcrumb – 20
* @Hoohed wc_strutured_data :: generate_website_data () – 30
*/
do_ace (‘wooocommerce_beefore_main_content’);
Ve şimdi, alanı silmek için aynısını ayarlamamız gerekiyor.
// ekmek kırıntılarını kaldır
Remove_action (‘wooocommerce_beefore_main_content’, ‘wooocommerce_breadcrumb’, 20);
Sayfa başlığı nasıl gizlenir
Mağaza sayfanızdaki sayfa başlık alanını gizlemek için aşağıdaki özel kodu kullanabilirsiniz.
if (! function_exists (‘hide_wooocommerce_page_title’))) {
/**
* Woocommerce sayfası başlığını gizle
*/
Hide_wooocommerce_page_title ($ görünürlük) işlevi {
// varsayılan değer $ görünürlük doğrudur
$ görünürlük = yanlış;
geri $ görünürlük;
}
add_filter (‘wooocommerce_show_page_title’, ‘hide_wooocommerce_page_title’);
}
Veya daha basit hale getirebilirsiniz:
if (! function_exists (‘hide_wooocommerce_page_title’))) {
/**
* Woocommerce sayfası başlığını gizle
*/
Hide_wooocommerce_page_title () işlevi {
yanlış geri;
}
add_filter (‘wooocommerce_show_page_title’, ‘hide_wooocommerce_page_title’);}
Bu iki kodun doğru olduğunu vurgulamalıyız, tek fark bunu yazma şeklinizdir. Birincisi, yeniye aktarılan değişkenlerin değerini alır ve tekrar kancaya gönderirken, ikinci kod yalnızca yeni değeri döndürür.
Mağaza sayfası için ürün sayısı nasıl değiştirilir
Mağaza sayfası için sayfa başına ürün sayısını değiştirmek için aşağıdaki özel kodu kullanabilirsiniz. Örneğimizde, sayfa başına maksimum ürün sayısını 8 olarak ayarladık. Farklı bir sayı istiyorsanız, bu değeri değiştirin.
if (! function_exists (‘change_wooocommerce_products_per_page’) {
/**
* Ana mağaza sayfasındaki ürün sayısını değiştirin
*/
Change_woocommerce_products_page () function () {
geri 8;
}
add_filter (‘loop_shop_per_page’, ‘change_wooocommerce_products_per_page’, 20);
}
Özel işaretlemeli ürün listesi nasıl sarılır
Ürün listesi öğesine ek işaretleme eklemek için iki işlevi kullanmanız gerekir. Birincisi, kodu listeden önce ekleyecek, ikincisi listeden önce HTML etiketini (örneğin DIV) açarsanız listeden sonra ekleyecektir.
if (! function_exists (‘adding_markup_before_products’))) {
/**
* Ürün listesinden önce ek işaretleme ekleyin
*/
Ek function_markup_sebelum_products () {
echo ‘
‘ .esc_html __ (‘üründen önce özel başlık’). ‘
‘;
}
Add_action (‘wooocommerce_beefore_shop_loop’, ‘adding_markup_beefore_products’, 40);
}
Yukarıdaki kodda görebileceğiniz gibi, 40. önceliği belirledik çünkü WooCommerce eklenti üreticisi bu eylemin kancalarını önceden belirlenmiş önceliklerle bazı işaretlemeler eklemek için kullandı: @hooked woocommerce_output_all_notices – 10
@hooed wooocommerce_result_count – 20
@hooed wooocommerce_catalog_ordering – 30
Bu nedenle, hangi işlevlerin son önceliğe sahip olduğunu kontrol edeceğiz (kodumuzu yalnızca listeye eklemek için). Bu durumda, bu wooocommerce_catalog_ordering’in bir fonksiyonudur. Sonra sadece daha yüksek bir değer belirleyeceğiz.
if (! function_exists (‘adding_markup_aft_product’)) {
/**
* Ürün listesinden sonra ek işaretleme ekleyin
*/
Ek function_markup_ After_products () {
echo ”;
}
Add_action (‘wooocommerce_aft_shop_loop’, ‘ilave_markup_after_products’, 5);
}
Daha sonra işaretlemenin önceliği için de aynısını yapacağız. Varsayılan olarak, bu eyleme eklenen işlevler vardır.
@hooed wooocommerce_pagination – 10
Bu nedenle, sayfalandırma bölümünden önce işaretlememizi kapatmak için daha düşük bir değer belirleyeceğiz.
Şimdi ana mağaza sayfalarını yeniden yükleyeceğiz ve sonuç şu:
Artık ana mağaza sayfası için kancayı nasıl kullanacağınızı öğrendiğinize göre, ürün öğesi içeriğini nasıl değiştireceğinizi göstereceğiz.Ancak başlamadan önce, kancayı kullanmak için en önemli şeyin tema/eklenti dosyasını kontrol etmek/hata ayıklamak ve işaretlemenin oluşturulduğu doğru yeri bulmak olduğunu ve kodu kontrol edebilmeniz ve mümkün olup olmadığını kontrol edebileceğinizi belirtmeliyiz. kanca.Wooocommerce eklentileri iyi klasör ayarlarına sahiptir ve tüm şablonları WooCommerce eklentisi/şablon klasöründe bulabilirsiniz.Şu anda yıkamak istediğimiz ana ürün öğesi dosyası content-roduct.php.Dosyada, eklenti üreticisi tarafından amaçları için uygulanan ilgili işlevlerle tüm kancaları göreceksiniz.
En İyi WooCommerce CRM Çözümü
Wooocommerce’e ürün nasıl eklenir
Wooocommerce eklentisi nasıl yüklenir
Ürün öğelerinde satılan rozetler nasıl eklenir
/**
Global $ ürün;
if (! $ ürün-> is_in_stock ()) {
Eko ”. ESC_html __ (‘satılan’). ”;
}
}
Add_action (‘wooocommerce_beefore_shop_loop_item_title’, ‘add_sold_badge_mark’);
}
Ürün Öğesi Başlık İşaretlemesi Nasıl Değiştirilir
Content-Product.php dosyasında görebileceğiniz gibi, ürün öğesi başlığı WooCommerce_Template_Loop_Product_Title işleviyle WooCommerce_shop_Lop_ITEM_TITLE Action Hook’a eklenir.
/**
* Kanca: wooocommerce_shop_loop_item_title.*
* @Hoohed woocommerce_template_loop_product_title – 10
*/
do_ace (‘wooocommerce_shop_loop_item_title’);
Bu işlevi kontrol ederseniz, eklenti üreticisinin HTML etiketlerini doğrudan oluşturduğunu ve herhangi bir filtre olmadığını göreceksiniz. Bu nedenle, işaretlemeyi değiştirmek için size iki çözüm göstereceğiz. İlk çözüm, /function.php tema dosyanızdaki tüm işlevi değiştirmektir. Bunu yapmak için, eklenti klasörünün tüm işlevlerini /fonctions.php içindeki tüm işlevleri kopyalayın /ekleyin. Örnek olarak:
İşlev wooocommerce_template_loop_product_title () {
Echo ‘
‘. get_the_title (). ‘
‘;
}
Ardından, varsayılan başlık işaretlemesini kendinizle değiştirin:
İşlev wooocommerce_template_loop_product_title () {
Echo ‘
‘. get_the_title (). ‘
‘;
}
İkinci çözüm, eylem kancasını eklentiden çıkarmak ve özel işlevinizi kancaya eklemektir. Kodu benzersiz, esnek tutmak ve eklenti güncellemeleriyle ilgili olası sorunları önlemek için bu çözümü tercih ediyoruz. Bunun nedeni, eklenti üreticisi gelecekte bu işlevi değiştirirse, buraya ek kodlar ekleyin veya başka bir yerde kullanın, yanınızda sorunlar veya hatalar oluşabilir. İşte bu çözüm için kod ekranı:
Remove_action (‘wooocommerce_shop_loop_item_title’, ‘wooocommerce_template_loop_product_title’);
if (! function_exists (‘add_product_item_title’))) {
/**
* Ürün öğesi başlık işaretlemesini ekleyin
*/
Add_product_item_title () function {echo ‘
‘. get_the_title (). ‘
‘;
}
Add_action (‘wooocommerce_shop_loop_item_title’, ‘add_product_item_title’);
}
Fiyat ve derecelendirme pozisyonu nasıl değiştirilir
Belirli bir işaretlemedeki (bu durumda ürün öğeleri) öğelerin konumunu değiştirmek için Remove_action ve Add_action işlevini öncelikle kullanabilirsiniz. Eleman kancalarla eklenirse, öncelik öğenin işaretlemede nerede olacağını belirler. Daha düşük öncelik, öğeyi birinci haline getirecektir. WooCommerce eklentisinin birçok kancası vardır ve birçok durumda elemanlar kancalarla birlikte eklenir. Bu nedenle, bu makale bunu nasıl yapabileceğinizi göstermek için ideal bir fırsattır. Burada size fiyat ve sıralama unsurlarının pozisyonunu nasıl değiştireceğinizi göstereceğiz. Bunun kodu:
// wooocommerce_aft_shop_loop_item_title işlevini kaldır
Remove_action (‘wooocommerce_aft_shop_loop_item_title’, ‘wooocommerce_template_loop_ting’, 5);
Remove_action (‘wooocommerce_aft_shop_loop_item_title’, ‘wooocommerce_template_loop_price’, 10);
// yeni önceliklerle wooocommerce_aft_shop_loop_item_title işlevleri ekleyin
Add_action (‘wooocommerce_aft_shop_loop_item_title’, ‘wooocommerce_template_loop_ting’, 10);
Add_action (‘wooocommerce_aft_shop_loop_item_title’, ‘wooocommerce_template_loop_price’, 5);
İlk olarak, ürün öğesi bölümünün her iki öğesini de orijinal işlevler ve önceliklerle sileceğiz. Her iki öğeyi de Content-Product.php./** dosyasında bulabilirsiniz
* Kanca: wooocommerce_aft_shop_loop_item_title.
*
* @Hoohed woocommerce_template_loop_ringing – 5
* @Hoohed woocommerce_template_loop_price – 10
*/
do_ace (‘wooocommerce_aft_shop_loop_item_title’);
O zaman aynı işlevi yeni önceliklerle aynı kancaya ekleyeceğiz ve sonuçlar şöyle görünecek:
Temel mağazanın tüm işlevleriyle tema
WooCommerce Hook’ları daha fazla seçenek sunmak için kolayca yönetebilseniz de, bazen ek ayarlamalar gerektirmeyen hazır bir mağaza cihazı almak daha kolaydır. Mağaza düzenleri ve kullanımı kolay mağaza seçenekleri ile tamamlanan onea – woocommerce temalarını kontrol etmenizi tavsiye ediyoruz. Dikkatli bir şekilde yapılan bu temanın işlevselliği sayesinde, herhangi bir kodu değiştirmenize gerek yoktur. Tersine, ONEA kodlama becerileri gerektirmez. Bu temanın çoğunu sevdiğimiz şey, ürün listesi ve tek düzen içeren mağaza şablonlarının koleksiyonudur. Buna ek olarak, kullanıcı arzusu listesi, ürün açıklamaları, fiyatlara göre filtreler, hızlı görünüm ve daha fazlası gibi diğer birçok pratik işlevi entegre eder. Bu tema, herhangi bir öğeyi tercihlerinize ayarlayabilmeniz için tamamen ayarlanabilir. Buna ek olarak, SEO ve Retina, mağaza içeriğinizin herhangi bir cihazda iyi görünmesini sağlayacak hazırdır.
Bu makalenin yararlı olduğunu umuyoruz. Eğer isterseniz, bu makalelerin bazılarını okumaktan çekinmeyin!
HTML5 düğmesi öğesini İletişim Formu olarak kullanma 7 Çocuk Teması Gönder – Basit Açıklama
WordPress’te seçeneklerin özelleştirilmesi
