Wooocommerce Ürün Sayfası Nasıl Ayarlanır
Dönüşüm seviyesini artırmak için en iyi müşteri deneyimini sağlamaya odaklanan düzgün bir tasarıma sahip olmanızı öneririz. Bu yazıda, ürün sayfalarını programlanmış bir şekilde düzenlemek için çeşitli çözümleri paylaşacağız. İlk olarak, varsayılan ürün sayfasının düzenine bakalım. Ürün sayfası ekranını izleyen WooOcommerce ürün sayfası düzeni: Ürün sayfasının çıktısından sorumlu 2 ana WooCommerce dosyası vardır.
Single-Product.php: Bu, geçerli düzen için gereken şablonu oluşturur
Content -gle-Product.php: Bu dosya şablonda içeriği yazdırıyor
Çocuk teması kullanarak şablon dosyasına olabilir. Mümkünse şablon dosyasına olmak yerine WooCommerce Hooks’u da kullanabilirsiniz. Bu, WordPress tarafından önerilen en iyi uygulamalardan biridir.
Ürün sayfalarını nasıl ayarlayabileceğinize dair bazı pratik örneklere bakalım. WOOOCOMMERCE Ürün Sayfalarını Düzenle Bu bölümde kancaları kullanarak, ürün sayfalarını ayarlamak için kancaları kullanacağız. 1. Elemanları Sil Ürün sayfasında farklı öğeleri silmek için birkaç kanca vardır. Kancalar belirli öğelerle çalışır. Bu, doğru öncelikli kancaları, işlevleri ve öncelik değerlerini kullanmanız gerektiği anlamına gelir. Farklı öğeleri silmek ve ürün sayfalarını ayarlamak için bazı komut dosyaları. Kopyala ve işlevler dosyasına yapıştırın.
// derecelendirme yıldızlarını kaldır
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_ting’, 10);
// Ürün Metasını Kaldır
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_meta’, 40);
// Açıklama Kaldır
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_excerpt’, 20);
// resimleri kaldır
Remove_action (‘wooocommerce_beefore_single_product_summary’, ‘wooocommerce_show_product_images’, 20);
// İlgili ürünleri kaldır
Remove_action (‘wooocommerce_aftle_single_product_summary’, ‘wooocommerce_output_related_products’, 20);
// Ek bilgi sekmelerini kaldırın
Remove_action (‘wooocommerce_aftle_single_product_summary’, ‘wooocommerce_output_product_data_tabs’, 10);
2. Yeni bir öğe ekle Kendi işlevlerinizi oluşturarak ürün sayfasına yeni içerik ekleyebilirsiniz. Function.php dosyasına kopyalayıp eklemeniz gerekir:
Add_action (‘wooocommerce_aftle_single_product_summary’, ‘njengah_callback_function’); işlev njengah_callback_function () {) {) {) {)
Printf (‘
Hey orada!
Özel ürün sayfama hoş geldiniz
‘);
}
Sonuç bu:
3. Ürün sekmesini düzenleyin WooCommerce_product_tabs filtre kancasını, ek bilgi bölümünde silmek, eklemek, yeniden düzenlemek veya yeni bir sekme eklemek için kullanabilirsiniz. Aşağıda, açıklama sekmesini ve içeriğini silmeyecek, inceleme sekmesinin adını değiştirecek ve ek bilgilerin önceliğini ilk etapta değiştirecek bir komut dosyası örneğidir. Function.php dosyasına kopyalayıp eklemeniz gerekir:
add_filter (‘wooocommerce_product_tabs’, ‘njengah_remove_product_tabs’, 98);
Unset ($ tabs [‘açıklama’]); // Açıklama sekmesini kaldır
$ tabs [‘incelemeler’] [‘başlık’] = __ (‘derecelendirmeler’); // Yorumlar sekmesini yeniden adlandırın
$ sekmeleri [‘ilave_information’] [‘öncelik’] = 5; // ilk başta ek bilgi
$ sekmeleri döndür;
}
Sonuç bu:
Aşağıdaki kodu kullanarak yeni bir sekme oluşturabilirsiniz. Function.php dosyasına kopyalayıp eklemeniz gerekir:
add_filter (‘wooocommerce_product_tabs’, ‘njengah_new_product_tab’); İşlev njengah_new_product_tab ($ sekmeler) {
// yeni sekmeyi ekler
$ sekmeler [‘test_tab’] = dizi (
‘Başlık’ => __ (‘Yeni sekme burada!’, ‘Woocommerce’),
‘Öncelik’ => 50,
‘Geri arama’ => ‘njengah_new_product_tab_content’
);
$ sekmeleri döndür;
}
İşlev njengah_new_product_tab_content () {
echo ‘
Yeni sekme burada!
İşte yeni ürün sekmesi içeriğiniz
.’;}
Sonuç bu:
WooCommerce Şablon dosyanızı değiştirecek şekilde ürün sayfasını ayarlayın, şablon dosyasını değiştirerek programlanan WooCommerce ürün sayfasını da düzenleyebilirsiniz. Ancak, bu yöntemin eskisinden daha riskli olduğunu belirtmek önemlidir. Bu nedenle, devam etmeden önce sitenizin tam bir yedeklemesini yapmanızı öneririz. Bu işlem, çocuğunuzun temasındaki diğer dosyaları değiştirmeye benzer. Değişiklik yapmak için bir çocuk teması veya eklenti yapmanızı öneririz. 1. Meta bilgilerini Düzenle Bu bölümde, meta-bilgi düzenleyeceğiz. Bu, uygun verileri yazdırmaktan sorumlu bir şablon dosyası olmamız gerektiği anlamına gelir. Bu bir meta.php dosyasıdır.
Bu dosya bu yolu izleyen WooCommerce eklentisinde bulunur: woocommerce/şablonlar/tek ürün/meta.php. Bir sonraki adım, çocuğunuzun tema dosya dizinini düzenlemek ve bir Wooocommerce klasörü oluşturmaktır. BT’de tek bir ürün ve yapıştırıcı meta.php dosyaları: child_theme/woocommerce/tek ürün/meta.php olarak adlandırılan başka bir klasör oluşturun, meta.php dosyalarını düzenlemenize ve değişikliklerinizi ön uçtaki görmenize olanak tanır. Aşağıdaki Meta.php Örnek Dosyası:
SKU etiketini kimliğe değiştirin
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 __ (‘Yok’, ‘Woocommerce’); ?>
get_id (), ‘,’, ”. ‘).’ ‘,’ ‘); ?>
get_id (), ‘,’, ”. _n (‘altında yayınlandı:’, ‘alt:’ ()), ‘wooocommerce’) . ”, ”); ?>
Sonuç bu:
2. Ürün sayfasını CSS komut dosyası ile ayarlayın CSS kodunu kullanarak programlanan Woocommerce ürün sayfasını kolayca düzenleyebilirsiniz. Bu, ürün sayfalarını düzenlemenize ve işletmenizin görünümünü ve hissini sağlamanıza yardımcı olacaktır. Yapmanız gereken ilk şey, CSS komut dosyasını oraya ekleyebilmeniz için çocuk temasında .css uzantısıyla yeni bir dosya oluşturmaktır. Buna tek ürün.css diyebilirsiniz. Dosyayı çocuk temasının ana klasörüne function.php ve style.css dosyasıyla aynı seviyeye yerleştirin. Dosya işlevinde aşağıdaki komut dosyasını yapıştırın.
Add_action (‘wp_enqueue_scripts’, ‘njengah_custom_product_style’);
İşlev njengah_custom_product_style () {
if (is_product ()) {
}
}
(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. Şimdi, özel CSS kurallarını kullanarak ürün sayfalarını düzenleyebilmelisiniz.
Sonuç Bu yazıda, ürün sayfalarınızı ayarlamanın çeşitli yollarını paylaştık. Ancak, herhangi bir değişiklik yapmadan önce, ziyaretçilerin sayfalarınızla nasıl etkileşime girdiği hakkında size veri veren Hotjar gibi araçlar kullanmalısınız. Amazon ve Walmart gibi çevrimiçi perakendecilerin ne yaptığını da görebilirsiniz. Görünüşlerini taklit edebilir ve ortak özellikler ekleyerek hissedebilirsiniz. Bu sayfayı ayarlamak için yardıma ihtiyacınız varsa, lütfen gereksinimleri karşılayan WordPress geliştiricileriyle iletişime geçin. Benzer makaleler
100+ ipucu, püf noktaları ve snippet’ler gizleme kılavuzu wooocommerce nihai
WooCommerce Hooks Listesi »Global, Sepet, Ödeme, Ürünler
Programlı Ürünler Nasıl Yapılır Wooocommerce
Sıra başına ürün sayısı nasıl değiştirilir
Kg başına wooocommerce ürünlerinin fiyatı nasıl ayarlanır
Wooocommerce’de ödeme yaptıktan sonra sipariş detayları nasıl alınır
Gutenberg vs Elementor daha iyi bir WordPress sayfa yapıcısı yapar?
Woocommerce’de özel bir kategori sayfası nasıl oluşturulur
Wooocommerce Checkout sayfasını nasıl düzenlenir
WooOcommerce’de oturum açarken sepetler nasıl silinir
Daha fazla wooocommerce okumak için sepete ekle düğmesi nasıl değiştirilir
WooCommerce’de Yer tutucu ürün görüntüsü nasıl silinir
Wooocommerce’e Para Birimi Nasıl Eklenir [Özel Para Birimi] Wooocommerce Açıklama sekmesinin varsayılan olarak nasıl açık tutulması
Wooocommerce Ürün Açıklama Başlığı Nasıl Gizlenir
Wooocommerce’de fiyattan önce metin nasıl eklenir »Fiyattan önce metin ekleyin
Wooocommerce Shop Tema Ürün Sayfasının Tam Genişliği Nasıl Ayarlanır
Sayfa başına ürün nasıl değiştirilir wooocommerce mağaza teması
Wooocommerce Ürün Başlığı Nasıl Alınır
Wooocommerce mağazasının büyüklüğü nasıl ayarlanır
