WooCommerce Hooks Nasıl Kullanılır – Örneklerle Kılavuz
WooCommerce Hooks’u nasıl kullanacağınızı öğrenmek ister misiniz? Doğru yerdesin! Bu kılavuzda, eylem ve filtre kancalarını nasıl kullanacağınızı göstereceğiz. Ayrıca, size Woocommerce mağazanıza uygulayabileceğiniz birçok örnek vereceğiz! WeboCommerce’ı web sitenize yüklediğinizde, ayarlanmış çözümler geliştirme şansınızı genişleten uzun bir yeni kanca listesine erişebilirsiniz. WooCommerce Hooks, orijinal WordPress kancalarıyla çalışır ve herhangi bir Woocommerce sayfasında özel bir komut dosyası yürütmenizi sağlar.
WordPress kancalarına benzer şekilde, iki tür WooCommerce kancası vardır: eylem veya filtre. Eylem kancaları, birkaç komut dosyası girmenizi sağlarken, filtre kancası orijinal veri alır ve bir tür değişiklik ile geri yükler. WooCommerce Hook Sözdizimi Woocommerce’s Hook, WordPress Hook ile aynı sözdizimini takip eder. Add_action eyleminin kancası (‘name_of_the_action_hook’,’_action_hook_funcion ‘); Add_filter filtre kancası (‘name_of_filter_hook’,’_filter_hook_funcion ‘); Kancayı bildirdikten sonra, komut dosyasını işlevinize eklemelisiniz: your_action_hook_funcion () işlevi {
# Kodunuz BURADA
} Kanca filtresi, işlev parametresindeki bazı verileri döndürmelidir:
işleviniz_filter_hook_function ($ data) {
# $ Veri değiştiren kodunuz
Dönüş $ veri;
} WooCommerce Hook’u eylemde görmek için, çocuğunuzun temasından functions.php dosyasındaki aşağıdaki kodu yapıştırın: add_action (‘woocommerce_product_meta_start’, ‘quadLayers_woocommerce_hooks’);
quadLayers_wooocommerce_hooks () işlevi {
echo ‘
Gördüğünüz gibi, kancanın adı Wooocommerce_product_meta_start oldukça açıktır ve bu kancanın kodu girmenize tam olarak nerede izin verdiğini söyler. Binden fazla WooCommerce Kait kancası var. Burada, en yaygın ve ünlü kancalara alışkın olmanız için en popüler listeyi yapacağız. Listeyi, onunla ilgili sayfaya göre birkaç bölüme ayırdık. Kancanın adı yeterince açıktır, böylece ne yaptıklarını anlamakta sorun yaşamayacaksınız.
Sepet
wooocommerce_beefore_cart
wooocommerce_beefore_cart_table
wooocommerce_beefore_cart_contents
wooocommerce_cart_contents
wooocommerce_after_cart_contents
wooocommerce_cart_is_empty
wooocommerce_cart_totals_before_shipping
wooocommerce_cart_totals_after_shipping
wooocommerce_cart_totals_before_order_total
wooocommerce_cart_totals_after_order_total
wooocommerce_affter_ship_rate
wooocommerce_before_shiping_calculator
wooocommerce_prowat_to_checkout
wooocommerce_aft_cart_totals
wooocommerce_after_cart
Kontrol
wooocommerce_beefore_checkout_form
wooocommerce_checkout_beefore_customer_details
wooocommerce_beefore_checkout_billing_form
wooocommerce_checkout_shipping
wooocommerce_checkout_after_order_review
wooocommerce_checkout_aftomer_details
wooocommerce_checkout_beefore_order_review
wooocommerce_review_order_beefore_cart_contentswooocommerce_review_order_after_cart_contents
wooocommerce_review_order_before_shipping
wooocommerce_review_order_after_shipping
wooocommerce_review_order_after_order_total
wooocommerce_checkout_order_review
wooocommerce_review_order_after_submit
wooocommerce_review_order_after_payment
wooocommerce_aft_checkout_form
wooocommerce_ teşekkürler
Kanca ödeme hakkında daha fazla bilgi için WooCommerce Checkout kancaları hakkında tam kılavuzumuzu görebilirsiniz.
Ürün
wooocommerce_beefore_main_content
wooocommerce_after_main_content
wooocommerce_before_single_product_summary
wooocommerce_after_single_product_summary
wooocommerce_before_single_product
wooocommerce_after_single_product
wooocommerce_single_product_summary
wooocommerce_product_meta_start
wooocommerce_product_meta_end
wooocommerce_review_beFore
wooocommerce_review_beefore_comment_meta
wooocommerce_review_beefore_comment_text
wooocommerce_review_comment_text
wooocommerce_review_aft_comment_text
Taksonomi
wooocommerce_archive_description
wooocommerce_shop_loop
wooocommerce_beefore_shop_loop
wooocommerce_aft_shop_loop
wooocommerce_aft_shop_loop_item
wooocommerce_aft_shop_loop_item_title
wooocommerce_shop_loop_item_title
Hesap
wooocommerce_beefount_navigation
wooocommerce_aft_account_navigation
wooocommerce_beefore_dit_account_address_form
wooocommerce_account_content
wooocommerce_before_my_account
wooocommerce_aft_my_account
Mini tren
wooocommerce_beefore_mini_cart
wooocommerce_beefore_mini_cart_contents
wooocommerce_mini_cart_contents
wooocommerce_widget_shopping_cart_beefore_buttons
wooocommerce_widget_shopping_cart_buttons
wooocommerce_aft_mini_cart
E -MAIL
wooocommerce_email_after_order_tablewooocommerce_email_beefore_order_table
wooocommerce_email_customer_details
wooocommerce_email_footer
wooocommerce_email_header
wooocommerce_email_order_details
Küresel
Pra_get_prudi_formitu_pencarian
wooocommerce_breadcrumb
wooocommerce_no_products_found
WooCommerce Hooks’un tam bir listesini bulmak için resmi tuvalet belgelerini görebilirsiniz.
WooCommerce Hooks’dan yararlı bir örnek, Hook Wooocommerce ile yapabileceğiniz bazı yararlı şeyler örneklerine bakalım. Not: Başlamadan önce bir çocuk teması yapmanızı öneririz. Ona alışkın değilseniz, bir çocuk teması oluşturma ve en iyi çocuk tema eklentilerinin listesi hakkında rehberimizi görebilirsiniz. Bir kanca ile yeni başlıyorsanız, bu komut dosyasını kopyalayıp çocuğunuzun temasından function.php dosyasına ekleymeniz yeterlidir. Ardından, daha rahat hissettiğinizde, komut dosyalarını düzenleyebilir ve farklı mantık oluşturabilirsiniz.
Mağaza sayfasına bir açıklama ekleyin Varsayılan olarak, mağaza sayfası bir açıklama görüntüleymez. Ancak, WooCommerce_archive_Description kancasını aşağıdaki gibi kullanarak etkinleştirebilirsiniz:
quadLayers_shop_description () işlevi {
$ açıklama = ‘
Mağazama hoş geldiniz, lütfen cömert olun ve çok fazla ürün satın alın, teşekkür ederim.
‘;
echo $ açıklama;
}Add_action (‘wooocommerce_archive_description’, ‘quadLayers_shop_description’); Düğme WooCommerce Sepetine eklendikten sonra bilgi notları ekleyin Sepet sepeti sepet sayfasının birçok bölümünde özel bir komut dosyası girmenizi sağlar. Burada, arabaya ekle düğmesinden sonra nasıl metin ekleyeceğinizi göstereceğiz.
Bu komut dosyası, düğme sepetine eklendikten sonra özel bir metin yazdırır.Add_ace (‘wooocommerce_aft_to_cart_form’, ‘quadlayers_aftdtocart_button’);
QuadLayers_affer_addtocart_button () işlev {) {
// Not: ‘Müzik’ için sümük kategorinizi değiştirin && Geçerli URL için değiştir/ dağıtım-cos/ if (is_product () && Has_term (Array (‘Music’), ‘ürün_cat’) {
echo ‘
; 100 $ harcayın ve ücretsiz gönderim alın;
‘; }} Bunu, örneğin asgari harcama veya ücretsiz gönderim gerektiren indirimleri tanıtmak için kullanabilirsiniz.
Kod Açıklaması
Kanca wooocommerce_aft_add_to_cart_form düğmeden sonra html kodu yazdırma.
Geçerli sayfanın ürün sayfası olup olmadığını ve belirttiğimiz kategoriye sahip olup olmadığını kontrol ediyoruz.
Dizideki kategoride salyangoz kullanın. Bu şekilde birkaç kategoriyi kontrol edebilirsiniz.
Çağdaş içerik, HTML etiketlerine, değişkenlere ve PHP kapsamındaki başka bir şeye izin verir.
Belirli bir ürünün taksonomisine metin ekleyin Şimdi, belirli etiketlerle ürünlerde mesajları görüntülemek için Woocommerce kancalarını nasıl kullanacağına bakalım. Örneğin, belirli ürünler için indirim sunan mesajlar görüntüleyeceğiz.
Önce ürünü işaretlemeyi unutmayın. Add_action (‘wooocommerce_beefore_single_product’, ‘my_product_notice_function’);
İşlev my_product_notice_function () {
if (is_product () && has_term (‘indirim-25’, ‘ürün_tag’)) {echo ‘
Bu ürün önümüzdeki 48 saat için% 25 indirim için geçerlidir! ‘;
} } Kod açıklaması
Ürün sayfasının üst kısmındaki mesajları görüntülemek için wooocommerce_before_single_product’ın kancasını kullanıyoruz.
İşlevde, bir ürün sayfası olduğundan emin olmak için IS_PRODUCT () üzerinde koşullu kullanıyoruz.
Ve Has_term (), geçerli ürünün “indirim-25” etiketine sahip olup olmadığını kontrol eder.
Ardından, mesajınızı IF ifadesine yazdırın.
WooCommerce Hook’ları çıkan kullanıcılardan gelen satın alımları engeller. Çıkan kullanıcı için ürün sayfasındaki tramvaya ekle düğmesini devre dışı bırakmanızı sağlar. Bu, yalnızca müşteriler veya üyeler için mevcut olan ürünler veya teklifler için yararlı olabilir. Örneği tamamlamak için, satın alma düğmesi devre dışı bırakıldığında mesajı görüntülemek için ikinci bir kanca ekleyeceğiz.
Woocommerce_is_purchasable filtre kancası, WooCommerce_Before_Single_Product’ın satın alma ve kancalarını bloke edecektir. Add_action (‘wooocommerce_beefore_single_product’, ‘quadLayers_add_message’);
add_filter (‘wooocommerce_is_purchasable’, ‘quadlayers_block_admin_purchase’);
QuadLayers_block_admin_purchase ($ blok) işlevi {
if (is_user_logged_in ()): gerçek değeri geri yükleyin;
Diğerleri: Yanlış dön; eğer sona erdi;
}
quadLayers_add_message () işlevi {
if (! Is_user_logged_in ()): echo ‘
Lütfen bu ürünü satın almak için giriş yapın
‘;
eğer sona erdi;
} Kod açıklaması
Ekle düğmesini arabaya devre dışı bırakmak için mesajlar ve kanca filtreleri yazdırmak için eylem kancalarını kullanırız.
Woocommerce_is_purchasable filtre kancası, kullanıcı girerse ve ortaya çıkarsa yanlışsa doğru olacaktır. Ayrıca, sadece her iki işlevde de çıkan kullanıcılar için hükümleri uygulamak için koşullu () ifadesini de kullanırız (arabaya düğmeler ekle devre dışı bırakılır ve mesaj) .
Son olarak, HTML H2 etiketine dahil edilen mesajlara birkaç CSS stili ekledik.
WooCommerce Hooks nasıl kullanılır? Sonuç olarak, WooCommerce kancaları sitenizi ayarlamak için harika bir araçtır. Kullanılacak yüzlerce kanca var ve hepsi aynı sözdizimini takip ediyor. Bu nedenle, örnekleri görmenizi ve ihtiyacınız olan kancaları sitenizde uygulamak için biraz ilham almanızı öneririz.
Kanca, mağazanızdaki herhangi bir alanı geliştirmenizi sağlar: kasiyerden arabaya, ürün sayfalarına, taksonomiye ve daha fazlasına! Yani, mümkün olduğunca en iyi şekilde kullanmak istiyorsanız, lütfen, oynayın ve bize nasıl gittiğini söyleyin. Ödeme kancaları hakkında daha ayrıntılı bilgi istiyorsanız, ödeme kanca kılavuzumuzu görebilirsiniz. Son olarak, sorularınız varsa bizimle iletişime geçmekten çekinmeyin. Size yardımcı olmak için elimizden geleni yapacağız!
