Merhaba!

Özel ürün sayfama hoş geldiniz

bir yere bağlantı!

‘);
}
1.4) Önceki ürünümüzün bir sayfasındaki koşullu mantık, ödeme sayfasına nasıl koşullu bir alan ekleneceğini gördü, ancak ürün sayfasına da ekleyebilirsiniz. WordPress’in orijinal işlevlerinden birini kullanarak istediğiniz gereksinimleri karşılamak için koşullu mantık oluşturabilirsiniz. Bazı örneklere bakalım.
1.4.1) Kullanıcı ve kullanıcının rolünü girin user_is_logged_in (), web sitesi ziyaretçilerini doğrulamak için kullanılan varsayılan WordPress işlevidir. Ayrıca, gelen kullanıcılarla ilgili tüm bilgileri almak için wp_get_current_uner () işlevini kullanabiliriz. Aşağıdaki komut dosyasında, kullanıcının girip girmediğine göre birkaç içerik ekliyoruz, ancak özel işlevinizi daha karmaşık işlevselliğe ekleyebilirsiniz (‘wooocommerce_beefore_single_product’, ‘quadLayers_get_user’; quadLayers_get_get () () () {
if (is_user_logged_in ()) {
$ user = wp_get_current_user ();

printf (‘

howdy’. $ user-> user_nicename. ‘!

‘);
$ roller = (dizi) $ kullanıcı-> roller;
if ($ roller [0] == ‘yönetici’) {
echo ”

$ ROLLAR [0]

“;
}
}
Değilse {
arka dizi ();
}
}
1.4.2) Ürün ve Taksonomi Kimliği Aynı şekilde, ürün kimlikleri ve/veya ürün kategorileri alabiliriz. Fark, ürün kategorisini almak için GET_THE_TERMS () () () işlevlerini almak için Global WP $ Post nesnesini kullanacağımızdır.
Add_action (‘wooocommerce_beefore_single_product’, ‘quadLayers_get_product_taxonomies’);
quadLayers_get_product_taxonomies () işlevi {
Global $ Post;
$ term_obj_list = get_the_terms ($ post-> id, ‘ürün_cat’);
$ term_string = join (‘,’, wp_list_pluck ($ term_obj_list, ‘name’));
if ($ term_string == ‘poster’) {
Eko ”

Bu en iyi $ term_string

“echo”

ürün kimliği: $ post-> id “;}}
Yukarıdaki komut dosyası bir kategoriyi döndürür. Bazı kategoriler veya etiketler almanız gerekiyorsa, daha karmaşık bir işlev yapmanız gerekir. Gereksinimlerinizi aşağıda gösterildiği gibi uygulamadan önce taksonomiyi tekrarlamalısınız: add_action (‘wooocommerce_before_single_product’, ‘quadlayers_get_multiple_taxonomies’); quadLayers_get_taxonomies () işlevi işlevi
Global $ Post;
$ args = dizi (‘taksonomi’ => ‘ürün_tag’,);
$ term = wp_get_post_terms ($ post-> id, ‘ürün_tag’, $ args);
$ count = count ($ koşulu);
eğer ($ sayı> 0) {
echo ‘

Liste etiketleri:

‘;
foreach ($ terim olarak $ terim) {echo ‘
‘. $ term-> name. ‘
‘;}
echo ”
“;
}
}
1.5) woocommerce_product_tabs ürün sekmesini düzenle Aşağıdaki komut dosyaları açıklama sekmesini ve içeriğini siler, inceleme sekmesinin adını değiştirir ve ek bilgilerin önceliğini ilk etapta değiştirir. add_filter (‘wooocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98);
İşlev woo_remove_product_tabs ($ sekmeler) {
Unset ($ tabs [‘açıklama’]); // Açıklama sekmesini sil
$ tabs [‘incelemeler’] [‘başlık’] = __ (‘derecelendirme’); // İnceleme sekmesinin adını değiştirin
$ sekmeleri [‘ilave_information’] [‘öncelik’] = 5; // ilk başta ek bilgi
Geri $ sekmesi;
}
Sekme içeriğini düzenlemek için şöyle bir dönüş çağrısı işlevi kullanmanız gerekir: add_filter (‘wooocommerce_product_tabs’, ‘woo_custom_description_tab’, 98); woo_custom_description_tab ($ sekmeler) işlevi {
$ sekmeler [‘açıklama’] [‘geri arama’] = ‘woo_custom_description_tab_content’; // Özel Açıklama Geri Açıklama
Geri $ sekmesi;
}
işlev woo_custom_description_tab_content () {
Eko ‘

Özel Açıklama

‘; echo ‘burada’ özel açıklama ‘; }
Aynı şekilde, aşağıdaki gibi yeni bir sekme oluşturabiliriz: add_filter (‘wooocommerce_product_tabs’, ‘woo_new_product_tab’);
İşlev woo_new_product_tab ($ sekmeler) {
// Yeni bir sekme ekle
$ sekmeler [‘test_tab’] = dizi (
‘Başlık’ => __ (‘Yeni Ürün sekmesi’, ‘wooocommerce’),
‘Öncelik’ => 50,
‘Geri arama’ => ‘woo_new_product_tab_content’
);
Geri $ sekmesi;
}
işlev woo_new_product_tab_content () {
echo ‘

Yeni Ürün sekmesi

Bu yeni ürün sekmesi içeriğinizdir
.’;
} Bu örnekte, “Yeni Ürün sekmesi” adlı yeni bir sekme yaptık. Önde böyle görünüyor.
1.6) Ürün Değişken Ürünleri için Destek Varsayılan WooOcommerce özelliğidir ve herhangi bir ayar yapmadan değişken ürünler oluşturabilir ve kullanabilirsiniz.Ancak, ürün varyasyonlarıyla uyumlu özel bir çözüm oluşturmak için WooCommerce Kılavuzunu takip etmelisiniz.Herhangi bir özel çözümün bir sayfa ile değil, tüm web sitesine entegre edilmesi gerektiğini belirtmek önemlidir.Yani, bunu göz önünde bulundurarak, değişken ürünlerle ilgili mevcut bazı kancaları kullanabiliriz.Bu kanca yalnızca değişken ürün sayfasındayken tetiklenecektir
wooocommerce_before_single_variation
wooocommerce_single_variation
wooocommerce_after_single_variation
2) Programlanan WooCommerce ürün sayfasını düzenlemek için ikinci alternatif WooCommerce şablon dosyasına giren ürün sayfasını ayarlayın, şablon dosyasını değiştirmektir. Bu yöntem eskisinden biraz daha riskli olduğundan, başlamadan önce sitenizin tam bir yedeklemesini yapmanızı öneririz. Nasıl yapılacağından emin değilseniz, bir WordPress sitesi yedeklemesinin nasıl yapılacağı konusundaki bu kılavuza bakın. WooCommerce Şablon dosyasını değiştirmek, çocuğunuzun temasındaki diğer dosyaları değiştirmeye benzer, bu nedenle temayı güncellediğinizde ayarlamaları kaybetmekten kaçınmak için, bir alt tema oluşturmanızı veya yoksa bu eklentilerden birini kullanmanızı öneririz. 2.1) Meta bilgilerini Düzenle Meta-informasyonu düzenlemek için, uygun verilerin yazdırılmasından sorumlu şablon dosyasını değiştirmemiz gerekir. WooCommerce eklentisinde bulunan meta.php dosyası şu yolu takip eder: wooCommerce/şablonları/tek ürün/meta.php Şimdi çocuğunuzun tema dosya dizini düzenleyin ve bir WooCommerce klasörü oluşturun. Ardından, içinde tek bir ürün adı verilen başka bir klasör oluşturun ve bir meta.php dosyasını yapıştırın: child_theme/woocommerce/tek ürün/meta.php bundan sonra meta.php dosyalarını düzenleyebilmeniz ve ön uçtaki değişikliklerinizi görebilmeniz gerekir . Aşağıdaki Meta.php Örnek Dosyası: SKU etiketini kimliğe değiştirecektir
Aşağıda yayınlanacak etiketi değiştirin
Kategori etiketini sil

Global $ ürün;
?>

get_sku () || $ ürün-> is_type (‘değişken’)):?>
get_sku ())?$ SKU: ESC_HTML __ (‘T/A’, ‘Wooocommerce’);?>

get_id (), ‘,’, ”. ‘).’ ‘,’ ‘);?>
get_id (), ‘,’, ”. _n (‘altında yayınlandı:’, ‘alt:’ ()), ‘wooocommerce’) . ”, ”);?>

2.2) Belirli bir ürün kategorisi için özel bir şablona dönüşmek şimdi daha karmaşık bir görev deneyelim. Tek bir ürün şablonunu yalnızca mevcut ürün belirli bir kategoriye dahil edilirse değiştireceğiz. 2.2.1) İlk tek-ürünlü.php dosyasını düzenleyin, tek-ürünlü.php dosyasını kopyalayın ve çocuğunuzun tema klasörüne yapıştırın WooCommerce dizininde: child_theme/woocommerce/single-product.php sonra dosyayı açın ve dosyayı açın ve satır 37’yi kontrol edin: wc_get_template_part (‘içerik’, ‘tek ürün’); Content-Single-Product.php dosyası, döngüyü tamamlamak ve düzeni oluşturmak için şu anda tüm ürün öğelerini yazdırıyor. Bu dosyayı yalnızca ürün belirtilen kategoriye dahil edildiğinde değiştirmek istiyoruz, bu nedenle 37: wc_get_template_part (‘içerik’, ‘tek üretim’) satırlarını sileceğiz; ve aşağıdaki komut dosyasını değiştirin: $ term = wp_get_post_terms ($ post-> id, ‘ürün_cat’); $ category = wp_list_pluck ($ terim, ‘salyangoz’);
if (in_array (‘poster’, $ kategori)) {
wc_get_template_part (‘içerik’, ‘tek ürün poster’);
} değilse {
wc_get_template_part (‘içerik’, ‘tek ürün’);
}
WooCommerce tarafından sağlanan örnek ürünleri kullandığımızı unutmayın, bu nedenle bu örnek için kullandığımız “poster” adlı bir kategori vardır.”Poster” i web sitenizdeki ürün kategorisiyle değiştirmeniz yeterlidir.Ürününüzün tüm kategorilerinden sümüğü ana WordPress Dashboard> Ürünler> Kategorilerde bulabileceğinizi unutmayın.2.2.2) Yeni bir Content-Single-Product.php Dosyası Oluşturma Şimdi varsayılan içerik-single-pruct.php dosyasını değiştirecek yeni bir dosya oluşturmamız gerekiyor.Bu dosyanın adına bir slug kategorisi olacaktır.İçerik-Single-Product-Posters.php dosyasının nasıl çağrıldığını görmek için yukarıdaki örneğe bakın.Bu önemlidir, çünkü dosya adı önceki adımda kodu eşleştirmelidir, bu nedenle dosyanızın içerik-single-ürünü-/*yourcategoryslug*/. Php olarak adlandırılmalıdır.Bu şekilde, wc_get_template_part (‘İçerik’, ‘Tek Ürün Yem Kategorisi’
) İçerik-Single-Product -ourcategory.php dosyasını tetikler ve varsayılan WooCommerce şablonu dosyası olarak gelir. WOOOCOMMERCE Klasörüne Varsayılan İçerik-Single-Product.php dosyasını yapıştırın, çocuğunuzun teması, yukarıda açıklanan talimatları izleyerek adını değiştirin ve test etmek için bazı sürümler oluşturun. 2.2.3) Yeni İçerik-Single-Product.php dosyanızı düzenleyen özel bir şablon oluşturun. Yalnızca geçerli ürün “Poster” kategorisine dahil edilmişse görüntülenecek bir ürün örnek sayfasıdır. Bazı içerikler eklediğimizi, öğeleri ekleyip sildiğimizi, yeniden düzenlemeyi ve bazı kısa kodları çalıştırdığımızı göreceksiniz. Temel bir örnek olmasına rağmen, bu size şablon sayfasında neler yapabileceğinizin bir resmini verecek ve yeni olasılıkları keşfetmenize izin verecektir. // Ürün özeti elementRemove_Action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_title’, 5);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_ting’, 10);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 20);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_add_to_cart’, 30);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_price’, 10);
// Özel İçerik
printf (‘

Bu ‘. $ post-> post_name. ‘ posteri

‘);
printf (‘

Ürün kategorisine göre düzenlenmiş tam ürün sayfaları “poster”

‘);
// Bilgi
printf (‘

‘. $ post-> post_excerpt. ‘

‘); // küçük resim
do_ace (‘wooocommerce_beefore_single_product_summary’);
// meta ekle
do_ace (‘wooocommerce_single_product_summary’);
// kısa kod
echo do_shortcode (‘[add_to_cart show_pice = “false” class = “my-addocart”]’); echo ”

İletişim:

“. do_shortcode (‘[wpforms]’); echo ”

Diğer posterler:

“. Do_shortcode (‘[ürün_categorisi kategorisi = “direkler” orderby = “desc” limit = “4”]’); Şimdi ön uca kontrol edersek, aşağıdakileri göreceğiz:
Global Post nesnelerini kullandığımızı unutmayın. Var_Dump ($ Post); Mevcut ürünlerle ilgili tüm mevcut bilgileri göstermek için. Verileri bir ürün açıklaması ile komut dosyası örneğinde yaptığımız gibi kullanabilirsiniz: $ post-> post_excerpt. 3) Ürün sayfalarını CSS komut dosyalarıyla ayarlayın WooCommerce ürün sayfalarını (ve diğer sayfaları) düzenlemenin pratik ve basit bir yolu CSS kodunu kullanmaktır. Bu, ürün sayfalarını düzenlemenize ve işletmenizin görünümünü ve hissini sağlamanıza yardımcı olacaktır.
İlk olarak, CSS komut dosyasını oraya ekleyebilmeniz için çocuk temasında .css uzantısı ile yeni bir dosya oluşturmanız gerekir. Bulması kolay olacak şekilde tek ürün veya benzeri demenizi öneririz.
Ardından, dosyayı çocuk temasının ana klasörüne function.php ve style.css dosyasıyla aynı seviyeye yerleştirin.
Bundan sonra, aşağıdaki komut dosyalarını Function.php’ye yapıştırın.
Add_action (‘wp_enqueue_scripts’, ‘load_custom_product_style’); load_custom_product_style () işlev {) {) {)
if (is_product ()) {
wp_register_style (‘ürün_css’, get_stylesheet_directory_uri ().
wp_enqueue_style (‘ürün_css’);
}
}
(IS_PRODUCT ()) ‘nin durumu, geçerli sayfanın ürün sayfası olup olmadığını kontrol edecektir. Bu, o sırada gerekli olmayan CSS dosyalarının ürün sayfasında değil yüklenmesini önler. 4. Bu snippet’i ekledikten sonra, CSS dosyanıza özel CSS kuralları ekleyerek ürün sayfası stilini düzenleyebilmeniz gerekir. Bu yöntem oldukça basit olsa da ve size hızlı ve kolay bir çözüm sunsa da, bu bazı durumlar için ideal olmayabilir. CSS ön uçtan düzenlenebileceğinden, kullanıcılar bir tarayıcı geliştiricisini nasıl kullanacaklarını biliyorlarsa, CSS’yi düzenleyerek gizli öğeleri kolayca görüntüleyebilirler. Woocommerce’in CSS ile tek ürün sayfasını düzenleyin, küçük bir CSS kullanarak ürün sayfasında yapabileceğiniz diğer bazı değişiklik örneklerine bakalım. Aşağıdaki komut dosyasını uygulamak için, WordPress kontrol panelinizde, görünümden Aç> Özelleştir> Ek CSS. Bu başlığın yazı tipi boyutunu değiştirme sayfanızın ürün başlığının yazı tipi boyutunu 32 olarak değiştirecektir. Kodu istediğiniz boyutu seçecek şekilde ayarlayın. .WooCommerce Div.product .product_title {
Yazı tipi boyutu: 32px;
} Başlıkınızın rengini değiştir, ürün sayfanızın başlığının rengini de ayarlayabilir. Bunu yapmak için aşağıdaki kodu kullanın ve rengi ayarlayın. Bu örnek için turuncu kullanıyoruz. İstediğiniz rengi seçmek için bu gibi hex kodu seçmenini kullanmanızı öneririz. .WooCommerce Div.product .product_title {color: #ffa500;

} Satın Al düğmesi rengini de değiştirin, şimdi satın alma düğmesinin rengini şimdi değiştirebilirsiniz. Bu örnekte Dodger Blue kullanıyoruz, ancak kodu ayarlayarak istediğiniz diğer renkleri seçebilirsiniz. .WooCommerce Div.Product .Button {
Arka plan: #1E90ff;
} Kısa sonuç, çevrimiçi mağazanızı ayarlamak, rakiplerinizden öne çıkmanın anahtarıdır. Ürün sayfaları, herhangi bir mağazadaki en önemli sayfalardan bazılarıdır ve müşteri deneyimini geliştirmek ve satışlarınızı artırmak için yapabileceğiniz birçok şey vardır. Bunun için bir eklenti kullanabilmenize rağmen, bazı kodlama becerileriniz varsa programlanan WooCommerce ürün sayfalarını düzenlemenizi öneririz. Bu, herhangi bir ek araç yüklemeye gerek kalmadan mağazanızın herhangi bir öğesini ayarlamak için çok fazla esneklik sağlar. Bu kılavuzda, ürün sayfalarının üç farklı şekilde nasıl ayarlanacağını gördük:
Kancaları kullanmak
Woocommerce şablonunu değiştir
CSS komut dosyalarıyla
Mümkünse, şablon dosyasına olmak yerine WooCommerce Hook’u kullanmaya çalışmalısınız. Bu, WordPress tarafından önerilen en iyi uygulamalardan biridir ve riskler daha küçüktür. Ancak, işlevleri veya nesneleri içeren karmaşık görevler için şablon dosyasını düzenlemeniz gerekebilir. Her iki tekniği de başarılı bir şekilde birleştirirseniz, mağazanızda istediğiniz her şeyi ayarlayabilirsiniz. Son olarak, bu öğreticide kullandığımız tüm senaryo örneklerini içeren tam çocuk temasına bakın. Mağazanızı nasıl ayarlayacağınız hakkında daha fazla bilgi için aşağıdaki kılavuza bakın: Woocommerce Şablon Dosyasını Nasıl Ayarla Öğrenin
Wooocommerce Shop sayfasını nasıl ayarlayabilirim
WooCommerce’deki sepete ekle düğmesini ayarlayın
İlgili Ürünler Nasıl Silinir wooocommerce
WooCommerce Checkout (Kodlama ve Eklenti) nasıl düzenlenir
Eğiticimizi takip etmede sorunlarınız var mı? Bize aşağıdaki yorumlar bölümünde anlatın ve size yardımcı olmak için elimizden geleni yapacağız.

Programlanan woocommerce ürün sayfası nasıl düzenlenir