Wooocommerce ürün sayfasına formlar nasıl eklenir

Ürün sayfasına özel bir form eklemek ister misiniz? Okumaya devam edin, çünkü bu yazı sizin için çözümler sunmayı amaçlamaktadır. WooCommerce, ayarlamalar için esnek olduğu için birçok mağazayı desteklemeye devam ediyor. Örneğin, ürün sayfanıza bazı ek bilgiler eklemek isteyebilirsiniz. Bunu uygulamanın en iyi yolu ürüne özel alanlar eklemektir. Özel alanlara meta öğeler denir. Sepet sayfasında, ödeme sayfalarında ve e -postalarda da görüntülenebilir. Meta ürün sepeti, sepetteki ürüne ek ürün alanlarında toplanan bilgilerin eklendiği ve siparişler için saklanabileceği zamandır.
Bu nedenle, ürün sayfasına özel veri alanları ekleyecek ve bu bilgileri sepet öğesine ekleyecek bir çözüme ihtiyacımız var. Bundan sonra, toplanan veriler sepet, ödeme ve sipariş detaylarında görüntülenir. Ancak, WooCommerce’in bu özelliği eklemek için varsayılan bir çözümü yoktur. Bu, bunu başarmak için özel bir kod görüntüsü yapmamız gerektiği anlamına gelir. Eklentileri yalnızca sitenizde büyük değişiklikler istiyorsanız öneririz. WooCommerce, bugünün öğreticisindeki ürün sayfasına bir form ekler, iki alan içeren formlar eklemek için oluşturduğumuz özel kod görüntülerini paylaşacağız. Mesajların adını ve alanını vereceğiz ve alan verilerini sepet öğesi meta ve sipariş meta öğesi olarak göstereceğiz. Bu, sipariş döngüsü boyunca görüntüleneceği anlamına gelir.
Devam etmeden önce bir çocuk teması kurmayı veya oluşturmanızı öneririz. Bunun nedeni, bazı temel dosyaları değiştireceğimizdir. Çocuğun teması, güncelleme sırasında değişikliklerin kaybolmamasını sağlayacaktır. Doğruca içine girelim. WooCommerce Ürün sayfasına form ekleme adımları, izlemeniz gereken adımlardır: WordPress sitenizi girin ve yönetici kullanıcısı olarak gösterge paneline erişin.
Gösterge Tablosu menüsünden görünüm menüsü> Tema Düzenleyici menüsüne tıklayın. Tema düzenleyicisi sayfası açık olduğunda, WooCommerce ürün sayfasına bir form eklemek için işlev eklemek için tema işlevi dosyasını arayın.
PHP dosyasına aşağıdaki kodu ekleyin:
Add_action (‘wooocommerce_beefore_add_to_cart_button’, ‘njengah_fields_before_add_to_cart’);
İşlev njengah_fields_beefore_add_to_cart () {
? & gt;
& lt; tablo & gt;
& lt; tr & gt;
& td & gt;
& lt; “php _e (” isim: “,” aoim “); ? & gt;
& td & gt;
& td & gt;
& lt; giriş türü = “text” name = “customer_name” id = “customer_name” yer tutucu = “Hediye kartında ad” & gt;
& td & gt;
& lt;/tr & gt;
& lt; tr & gt;
& td & gt;
& lt; “php _e (” mesaj: “,” aoim “); ? & gt;
& td & gt;
& td & gt;
& lt; giriş türü = “text” name = “customer_message” id = “customer_message” yer tutucu = “Hediye kartındaki mesajınız” & gt;
& td & gt;
& lt;/tr & gt;
& lt;/masa & gt;
& lt;? Php
}
/**
* Sepet öğelerine veri ekleyin
*/
add_filter (‘wooocommerce_add_cart_item_data’, ‘njengah_cart_item_data’, 25, 2);
İşlev njengah_cart_item_data ($ cart_item_meta, $ ürün_id) {if ($ _post [‘customer_name’]) & amp;
$ Custom_Data = Array ();
$ Custom_Data [‘Customer_Name’] = Isset ($ _Post [‘Customer_name’])? sendize_text_field ($ _Post [‘customer_name’]): “”;
$ Custom_Data [‘Customer_message’] = Isset ($ _Post [‘Customer_message’])? sendize_text_field ($ _Post [‘customer_message’]): “”;
$ cart_item_meta [‘Custom_data’] = $ Custom_data;
}
Dönüş $ cart_item_meta;
}
/**
* Özel verileri sepet ve ödeme sayfasında görüntüleyin
*/
add_filter (‘wooocommerce_get_item_data’, ‘njengah_item_data’, 25, 2);
İşlev njengah_item_data ($ diğer_data, $ cart_item) {
if (isset ($ cart_item [‘Custom_data’])))))) {
$ Custom_Data = $ cart_item [‘Custom_data’];
$ başka_data [] = Array (‘name’ = & gt; ‘isim’,
‘Ekran’ = & gt; $ Custom_Data [‘Customer_name’]);
$ başka_data [] = Array (‘name’ = & gt; ‘Mesaj’,
‘Ekran’ = & gt; $ Custom_Data [‘Customer_message’]);
}
Dönüş $ diğer_data;
}
/**
* Sipariş meta öğeleri ekleyin
*/
Add_action (‘wooocommerce_add_order_item_meta’, ‘njengah_order_item_meta’, 10, 2);
İşlev njengah_order_item_meta ($ item_id, $ değerler) {
if (isset ($ değerler [‘Custom_data’])))) {
$ Custom_data = $ değerler [‘Custom_data’];
wc_add_order_item_meta ($ öğe_id, ‘name’, $ Custom_data [‘customer_name’]);
wc_add_order_item_meta ($ öğe_id, ‘mesaj’, $ Custom_data [‘customer_message’]);
}
}
Bu, ürün sayfasının sonucudur:
Bu sepet sayfasındaki sonuç:
Bu, ödeme sayfasındaki sonuçtur: