5+ Woocommerce temasındaki ürün sayfalarından kenar çubuğu nasıl silinir
WooCommerce’deki ürün sayfasının yan çubuğunu silmek ister misiniz? Bir çözüm arıyorsanız, bu hızlı WooCommerce öğreticisinde kenar çubuğunu ürün sayfasından adım adım nasıl sileceğimi açıkladım. İzlenmesi kolay ve uzmanlık düzeyine bakılmaksızın her WordPress kullanıcısı tarafından uygulanabilir. Kenar çubuğunu belirli bir WordPress sitesinden veya temasından silmek istiyorsanız, burada ayrıntılı olarak açıklarım. WooCommerce Ürün Sayfası Kenar Çubuğu WooCommerce Ürün sayfası çoğu temada varsayılan kenar çubuğu ile donatılmıştır ve bu bir dizi WooCommerce kullanıcısı için bir sorun olabilir. Örneğin, WooCommerce Varsayılan teması – mağaza, aşağıdaki resimde gösterildiği gibi ürün sayfası kenar çubuğu ile birlikte gelir:
Bugün size bu WooCommerce kenar çubuğunu ürün sayfasında nasıl sileceğiniz konusunda rehberlik edeceğim. İllüstrasyon amacıyla, WordPress WooCommerce WordPress temasını kullanacağım, ancak bu yaklaşım tüm WooCommerce temalarında çalışacaktır. Adım Adım WooCommerce Kenar Çubuğu aşağıdaki ürün sayfasından nasıl silinir, kenar çubuğunu Woocommerce Ürün sayfasından silme adım ve seçenektir:
Woocommerce sitenizi girin ve Fonksiyonları Açın.php Tema ve Dosya Düzenleyici Temaları ve Dosyaları
Belirli bir temadan functions.php dosyasına kod indirimi eklemek için barındırma şirketinizden FTP veya CPanel’i de kullanabilirsiniz.
WooCommerce temasının yanlarının eylemlerini eklemekten sorumlu WooCommerce_sideBar etkinliğini bağlayan ‘WP’ e silinen eylemin silinmesinden oluşan bir kod snippet ekleyin.
WooCommerce Vitrin teması için, Woocommerce yan bıçağını ürün sayfasından silmek için kullanmanız gereken özel bir Feater_idabar var. Kenar çubuğunu silebilmeniz için ürün sayfasında olup olmadığınızı kontrol etmek için IS_Product Koşullu etiketini de kullanabilirsiniz. WooCommerce’deki ürün sayfası.
Bu kodun görüntülerini Function.php ve güncelleme adresinden ekleyin, ardından değişikliklerin etkili olup olmadığını görmek için ön uçtaki Woocommerce ürün sayfanızı ziyaret edin.
Kenar çubuğunu ürün sayfasından silmek için kullanabileceğiniz bir başka çözüm, bu yazı için kenar çubuğunu WordPress’ten çıkarma konusunda açıkça açıklanan tam geniş bir özel yazı şablonu ayarlamaktır, özel bir gönderiyi destekleyen bir WordPress temasına ihtiyacınız vardır. En İyi Premium WordPress – Divi temalarından biri gibi şablon
Kod Görüntüleri Kenar çubuğu WooCommerce’deki ürün sayfasından silmek için, yukarıda adım adım özetinde açıklandığı gibi WooCommerce’deki ürün sayfasının yan çubuğunu silmek için kullanabileceğiniz üç yaklaşım vardır.
#1) WooCommerce kenar çubuğunu kullanarak eylem kancalarını ‘WP’ olarak silin, böylece ‘WP’ etkinliğine eklenen Remove_Action kancasıyla başlarız. Kod aşağıdaki gibi olmalıdır: add_action (‘wp’, ‘njengah_remove_sidebar_product_pages’);
İşlev njengah_remove_idabar_product_pages () {
if (is_product ()) {
Remove_action (‘wooocommerce_sidebar’, ‘wooocommerce_get_idabar’, 10);
}
} Bu görüntüler, işlevlerinize eklendiğinde tüm ürün sayfalarının yan çubuğunu siler. Bu kod alıntısı, ‘WP’ etkinliğine eklenen eylem kancalarından nasıl oluşur ve geri dönüş işlevi, wooocommerce_idebar.ini woocommerce’i belirlediği için ürün sayfalarındaki tüm tarafları silmek için Remove_age Kait’i kullanır. #2) Kenar çubuğunu WooCommerce ürün sayfasından silmek için IS_active_sideBar () kullanın, Woocommerce’deki ürün sayfasından kenar çubuğunu silmek için başvurabileceğiniz başka bir teknik IS_ACTION_IDEBAR WordPress işlevini kullanmaktır. Bu, Woocommerce kenar çubuğunu silmek için IS_ACTIRE_SIDABAR kullanan bir kod snippet örneğidir: /**
* Wooocoomerce’deki ürün sayfasındaki kenar çubuğunu devre dışı bırakın.
*
*/
İşlev njengah_remove_idabarabar ($ is_active_idabarabak, $ dizin) {
if ($ index! == “kenar çubuğu-1”) {
Dönüş $ IS_ACTION_SIDBAR;
}
if (! ürün ()) {
Dönüş $ IS_ACTION_SIDBAR;
}
yanlış geri;
}
add_filter (‘Is_active_sidebar’, ‘njengah_remove_idabar’, 10, 2); Nasıl çalışır Bu kod, çubuğun diğer tarafının kimliğine/adına uyacak şekilde değiştirilebilen bir yan bıçak olup olmadığını kontrol eden bir filtre kancasından oluşur.
Yan çubuk bulunursa, yan çubuğu devre dışı bırakmak için geri dönüş yanlış olarak ayarlanır. Ürün sayfasında etkili hale getirmek için, son bölümde ürün sayfasında olup olmadığımızı doğrulamak için IS_PRODUCT () kullanır.
Ad veya idebar adına eşdeğer kenar çubuğu endeksi hakkında daha fazla bilgi edinmek için burada okumalısınız – WordPress’e kenar çubuğu nasıl eklenir veya buraya – WordPress’e kenar çubuğunu nasıl kaydedilir.#3) Kenar çubuğunu kaldırma temasından kaldırın. StoreFront_idabar Eylem Bu özel snippet için, WooCommerce ürün sayfasını silmek için kullanabilirsiniz, çünkü mağaza teması için özel bir kanca üzerinde çalışır
Add_action (‘get_header’, ‘njengah_remove_storefront_sidebar’); İşlev njengah_remove_storefront_idabar () {
Ekran: Hiçbir şey;
} CSS ekran özelliği üzerinde nasıl çalışır, yan bıçakları gizlemek için kullanılabilecek diğer CSS özelliklerinin görüntülenmesinden silme elemanlarına ayarlanmaz. Görünürlük gizli olarak ayarlandığında, HTML öğesi ekrandan gizlenir. Bu tekniği aşağıda gösterildiği gibi kullanmadan önce tema bıçaklarınızın sınıfını kontrol etmelisiniz:
Woocommerce Kenar çubuğunu Shop sayfası ürününün temasından silin Sayfa #1) Pencere temasından yukarıdaki kodu eklediğinizde mağaza teması kenar çubuğunu silmek için kod görüntülerini ekleyin. Aşağıdaki resimde gösterildiği gibi olmalıdır:
#2) Widget’ı silin WooCommerce’ı mağaza temasından silin, kenar çubuğunu vitrin temasından silmek için diğer basit hileler, aşağıdaki resimde gösterildiği gibi ana kenar çubuğuna eklenmemesini sağlamaktır:
Sarma Bu öğretici, kenar çubuğunu WooCommerce’deki ürün sayfasından silmek için kullanabileceğiniz en iyi yolları kapsar. Kenar çubuğunu WordPress sitesinden bu yazıda tartışıldığı gibi silmek için başvurabileceğiniz başka yollar da vardır – WordPress Kenar Çubuğu Nasıl Silinir. Ayrıca WordPress’e, özellikle WordPress geliştiricileri veya WooCommerce tema geliştiricileri için yan çubuğun nasıl ekleneceğini anlamaya yardımcı olur. Umarım bu gönderide paylaşılan ipuçlarını yararlı bulursunuz. Benzer makaleler
Wooocommerce ürün görüntüsünün boyutu nasıl değiştirilir Wooocommerce ürün görüntüleri üzerindeki zoom etkilerinden nasıl kurtulur Wooocommerce’de üstün ürünler nasıl ayarlanır Sepetinize nasıl silinir veya wooocommerce siparişi
Wooocommerce Checkout sayfasına silinmiş simgeler nasıl eklenir
Woocommerce’de metin stoğu nasıl değiştirilir
WooCommerce Checkout’tan faturalandırma ayrıntıları nasıl silinir
WooCommerce Hesaplama Kodu sepetine eklenen ürün nasıl hesaplanır
Hesabımı nasıl silebilirim Wooocommerce Menü İndir
WooCommerce Ürün Sayfaları Kategorisi 2 Kolay Seçenek
Kenar çubuğunu WordPress sayfasından nasıl silinir veya WordPress kenar çubuğunu gizlersiniz
Wooocommerce’de fiyattan önce metin nasıl eklenir »Fiyattan önce metin ekleyin
WOOOCOMMERCE’de programlanan ürün programının fiyatı nasıl değiştirilir
Wooocommerce’de fiyattan sonra bir açıklama nasıl eklenir
Metin Nasıl Değiştirilir WooCommerce’de ödeme yapmaya devam edin
WOOOCOMMERCE’de Hesap Sayfamı Nasıl Oluştururum
Wooocommerce Out Düğmesi Nasıl Yapılır
Wooocommerce ürünlerine kategoriler nasıl eklenir
Ödeme sonrası nasıl yeniden yönlendirilir Wooocommerce: Özel Teşekkürler Sayfasına Yeniden Yönlendirin
Woocommerce sitenizi girin ve Fonksiyonları Açın.php Tema ve Dosya Düzenleyici Temaları ve Dosyaları
Belirli bir temadan functions.php dosyasına kod indirimi eklemek için barındırma şirketinizden FTP veya CPanel’i de kullanabilirsiniz.
WooCommerce temasının yanlarının eylemlerini eklemekten sorumlu WooCommerce_sideBar etkinliğini bağlayan ‘WP’ e silinen eylemin silinmesinden oluşan bir kod snippet ekleyin.
WooCommerce Vitrin teması için, Woocommerce yan bıçağını ürün sayfasından silmek için kullanmanız gereken özel bir Feater_idabar var. Kenar çubuğunu silebilmeniz için ürün sayfasında olup olmadığınızı kontrol etmek için IS_Product Koşullu etiketini de kullanabilirsiniz. WooCommerce’deki ürün sayfası.
Bu kodun görüntülerini Function.php ve güncelleme adresinden ekleyin, ardından değişikliklerin etkili olup olmadığını görmek için ön uçtaki Woocommerce ürün sayfanızı ziyaret edin.
Kenar çubuğunu ürün sayfasından silmek için kullanabileceğiniz bir başka çözüm, bu yazı için kenar çubuğunu WordPress’ten çıkarma konusunda açıkça açıklanan tam geniş bir özel yazı şablonu ayarlamaktır, özel bir gönderiyi destekleyen bir WordPress temasına ihtiyacınız vardır. En İyi Premium WordPress – Divi temalarından biri gibi şablon
Kod Görüntüleri Kenar çubuğu WooCommerce’deki ürün sayfasından silmek için, yukarıda adım adım özetinde açıklandığı gibi WooCommerce’deki ürün sayfasının yan çubuğunu silmek için kullanabileceğiniz üç yaklaşım vardır.
#1) WooCommerce kenar çubuğunu kullanarak eylem kancalarını ‘WP’ olarak silin, böylece ‘WP’ etkinliğine eklenen Remove_Action kancasıyla başlarız. Kod aşağıdaki gibi olmalıdır: add_action (‘wp’, ‘njengah_remove_sidebar_product_pages’);
İşlev njengah_remove_idabar_product_pages () {
if (is_product ()) {
Remove_action (‘wooocommerce_sidebar’, ‘wooocommerce_get_idabar’, 10);
}
} Bu görüntüler, işlevlerinize eklendiğinde tüm ürün sayfalarının yan çubuğunu siler. Bu kod alıntısı, ‘WP’ etkinliğine eklenen eylem kancalarından nasıl oluşur ve geri dönüş işlevi, wooocommerce_idebar.ini woocommerce’i belirlediği için ürün sayfalarındaki tüm tarafları silmek için Remove_age Kait’i kullanır. #2) Kenar çubuğunu WooCommerce ürün sayfasından silmek için IS_active_sideBar () kullanın, Woocommerce’deki ürün sayfasından kenar çubuğunu silmek için başvurabileceğiniz başka bir teknik IS_ACTION_IDEBAR WordPress işlevini kullanmaktır. Bu, Woocommerce kenar çubuğunu silmek için IS_ACTIRE_SIDABAR kullanan bir kod snippet örneğidir: /**
* Wooocoomerce’deki ürün sayfasındaki kenar çubuğunu devre dışı bırakın.
*
*/
İşlev njengah_remove_idabarabar ($ is_active_idabarabak, $ dizin) {
if ($ index! == “kenar çubuğu-1”) {
Dönüş $ IS_ACTION_SIDBAR;
}
if (! ürün ()) {
Dönüş $ IS_ACTION_SIDBAR;
}
yanlış geri;
}
add_filter (‘Is_active_sidebar’, ‘njengah_remove_idabar’, 10, 2); Nasıl çalışır Bu kod, çubuğun diğer tarafının kimliğine/adına uyacak şekilde değiştirilebilen bir yan bıçak olup olmadığını kontrol eden bir filtre kancasından oluşur.
Yan çubuk bulunursa, yan çubuğu devre dışı bırakmak için geri dönüş yanlış olarak ayarlanır. Ürün sayfasında etkili hale getirmek için, son bölümde ürün sayfasında olup olmadığımızı doğrulamak için IS_PRODUCT () kullanır.
Ad veya idebar adına eşdeğer kenar çubuğu endeksi hakkında daha fazla bilgi edinmek için burada okumalısınız – WordPress’e kenar çubuğu nasıl eklenir veya buraya – WordPress’e kenar çubuğunu nasıl kaydedilir.#3) Kenar çubuğunu kaldırma temasından kaldırın. StoreFront_idabar Eylem Bu özel snippet için, WooCommerce ürün sayfasını silmek için kullanabilirsiniz, çünkü mağaza teması için özel bir kanca üzerinde çalışır
Add_action (‘get_header’, ‘njengah_remove_storefront_sidebar’); İşlev njengah_remove_storefront_idabar () {
if (is_product ()) {
Remove_action (‘StoreFront_Idabar’, ‘StoreFront_get_sembarbar’, 10);
}
} Nasıl çalışır, sadece get_header eylemlerine bir kanca ve dönüş çağrısı işlevi, WooCommerce temasının yanını ekleyen özel kancalar zeurflore’u hedefleyen bir kaldırma_ace vardır. WooCommerce temanızın şu anda yukarıdaki kodda değiştirebileceğiniz bu tür bir kanca varsa, belirli tema belgelerinizden de bulabilirsiniz ve sorunsuz çalışacaktır.
#4) Woocommerce yan çubuğunu, özel bir ürün sayfası şablonu kullanarak kaldırın Birkaç WooCommerce Premium ve ücretsiz temalar, yan çubuğu ortadan kaldıran tam geniş bir sayfa ayarlayan ürün sayfası için özel bir gönderi şablonu ile birlikte gelir. Klasik bir örnek, aşağıdaki resimde görebileceğiniz gibi divi temasıdır, sadece geniş bir şablon seçebilirsiniz ve yan bıçaklar silinir.
Tam geniş bir özel yazı şablonu kullanarak nasıl çalışır Bu yazıda açıklanan bir tekniktir – kenar çubuğu WordPress #5) nasıl silinir) Kenar çubuğunu WooCommerce ürün sayfasından silmek için CSS kullanın ve Woocommerce Sidebar’ı ürününüzden gizlemenin diğer kolay yolları Sayfa özellikleri CSS ekranını kullanıyor. Kod örnekleri aşağıda paylaşılmaktadır:
Genişlik: 21.7391304348%;
şamandıra: doğru;
Ekran: Hiçbir şey;
} CSS ekran özelliği üzerinde nasıl çalışır, yan bıçakları gizlemek için kullanılabilecek diğer CSS özelliklerinin görüntülenmesinden silme elemanlarına ayarlanmaz. Görünürlük gizli olarak ayarlandığında, HTML öğesi ekrandan gizlenir. Bu tekniği aşağıda gösterildiği gibi kullanmadan önce tema bıçaklarınızın sınıfını kontrol etmelisiniz:
Woocommerce Kenar çubuğunu Shop sayfası ürününün temasından silin Sayfa #1) Pencere temasından yukarıdaki kodu eklediğinizde mağaza teması kenar çubuğunu silmek için kod görüntülerini ekleyin. Aşağıdaki resimde gösterildiği gibi olmalıdır:
#2) Widget’ı silin WooCommerce’ı mağaza temasından silin, kenar çubuğunu vitrin temasından silmek için diğer basit hileler, aşağıdaki resimde gösterildiği gibi ana kenar çubuğuna eklenmemesini sağlamaktır:
Sarma Bu öğretici, kenar çubuğunu WooCommerce’deki ürün sayfasından silmek için kullanabileceğiniz en iyi yolları kapsar. Kenar çubuğunu WordPress sitesinden bu yazıda tartışıldığı gibi silmek için başvurabileceğiniz başka yollar da vardır – WordPress Kenar Çubuğu Nasıl Silinir. Ayrıca WordPress’e, özellikle WordPress geliştiricileri veya WooCommerce tema geliştiricileri için yan çubuğun nasıl ekleneceğini anlamaya yardımcı olur. Umarım bu gönderide paylaşılan ipuçlarını yararlı bulursunuz. Benzer makaleler
Wooocommerce ürün görüntüsünün boyutu nasıl değiştirilir Wooocommerce ürün görüntüleri üzerindeki zoom etkilerinden nasıl kurtulur Wooocommerce’de üstün ürünler nasıl ayarlanır Sepetinize nasıl silinir veya wooocommerce siparişi
Wooocommerce Checkout sayfasına silinmiş simgeler nasıl eklenir
Woocommerce’de metin stoğu nasıl değiştirilir
WooCommerce Checkout’tan faturalandırma ayrıntıları nasıl silinir
WooCommerce Hesaplama Kodu sepetine eklenen ürün nasıl hesaplanır
Hesabımı nasıl silebilirim Wooocommerce Menü İndir
WooCommerce Ürün Sayfaları Kategorisi 2 Kolay Seçenek
Kenar çubuğunu WordPress sayfasından nasıl silinir veya WordPress kenar çubuğunu gizlersiniz
Wooocommerce’de fiyattan önce metin nasıl eklenir »Fiyattan önce metin ekleyin
WOOOCOMMERCE’de programlanan ürün programının fiyatı nasıl değiştirilir
Wooocommerce’de fiyattan sonra bir açıklama nasıl eklenir
Metin Nasıl Değiştirilir WooCommerce’de ödeme yapmaya devam edin
WOOOCOMMERCE’de Hesap Sayfamı Nasıl Oluştururum
Wooocommerce Out Düğmesi Nasıl Yapılır
Wooocommerce ürünlerine kategoriler nasıl eklenir
Ödeme sonrası nasıl yeniden yönlendirilir Wooocommerce: Özel Teşekkürler Sayfasına Yeniden Yönlendirin
