Wooocommerce Shop sayfasında kategori nasıl görüntülenir
İyi bir mağaza tasarımına sahip olmanın önemli kısmı, ürününüzü sınıflandırabilmektir.Ne sattığınızı doğru şekilde göstermek satışlarınızda büyük bir fark yaratabilir.Ürününüz için daha kolay erişilebilir olursa, müşterilerinizin kontrolü o kadar yüksek olur ve satın alır.Bu nedenle, bu kılavuzda, WooCommerce Shop sayfasında kategorileri görüntülemenin çeşitli yollarını göstereceğiz.Kategoriyi neden mağaza sayfasında gösteriyor?Çeşitli kategorilere sahip birçok ürün satıyorsanız, ziyaretçilerin aradıklarını kolayca bulduklarından emin olmak istersiniz.Dikkatli bir organizasyon gerektirir.Tüm ürünlerinizi aynı anda göstermek, alıcıları bunaltır ve beklentileri kaybetmenin kolay bir yolu olabilir.Bunun yerine, mağazanızı mağazanıza fayda sağlayacak şekilde kurmayı düşünmelisiniz.
Bunu yapmanın en iyi yollarından biri, kategorinizi tek tek göstererek mağaza düzeninizi tam olarak kullanmaktır. Bu şekilde müşterileriniz istedikleri ürün kategorisine odaklanabilir ve ilgilendikleri her türlü ürün arasında geçiş yapabilir. Bu navigasyonu kolaylaştırır, böylece daha fazla satış üreten hızlı bir şekilde istediklerini bulurlar. Belirli kategoriler ve kategoriler hazırlama Örneğin, elektronik ürünler satıyorsanız, akıllı telefonların, masaüstü bilgisayarların, PC parçalarının ve diğer ekipmanların ayrı bir kategoride görüntülenmesini sağlamak istersiniz. Bu şekilde, müşteriler bilgisayar parçalarıyla ilgileniyorsa, belirli kategorileri kontrol edebilir ve orada istediklerini bulabilirler. Benzer şekilde, hangi kategorilerin kayıtlı olduğundan emin değillerse, aynı kategorideki diğer ürünlere referanslar bulmalarına yardımcı olabilir. Veya daha küçük kataloglara odaklanmak için mağaza sayfanızda yalnızca belirli ürün kategorilerini görüntüleyebilirsiniz. Mağaza sayfanızdaki yalnızca belirli ürünleri tanıtın ve az miktarda kaliteli ürün satıyorsanız öne çıkmalarına yardımcı olun. Müşteri sayfası kuruluşunuz çok önemlidir, çünkü müşteri dostu düzen satışlarınız üzerinde büyük bir etkiye sahip olabilir. Bunu hatırlayarak, WooCommerce Shop sayfasındaki kategorileri görüntülemek için çeşitli yöntemlere ve nasıl ayarlayabileceğinizi inceleyelim. WooCommerce Mağazası Sayfalarında Kategori Nasıl Görüntülenir WooCommerce’deki Mağaza sayfasındaki kategorileri görüntülemenin çeşitli yolları vardır:
Gösterge Tablosu temasını ayarlayarak
Kısa Kodu kullanın
Tarafından programlanan her yönteme daha yakından bakıyoruz. Not: Bu demo için mağaza temasını kullanacağız, bu nedenle temanızdaki seçenekler biraz farklı olabilir. Ancak, seçeneklerin çoğu benzer olacaktır, bu nedenle bu kılavuzu takip etmede sorun yaşamamalısınız. 1) WooCommerce Dashboard ile kategoriyi gösterin Mağaza sayfanızdaki kategoriyi görüntülemenin en kolay yolu WooCommerce ayarlarını kullanmaktır. Bunun için, gösterge panelinizde, görünüm> özelleştirin, ardından kenar çubuğu özelleştiricisinde WooCommerce> Ürün Kataloğu’nu tıklayın.
Buradan mağaza sayfası ekranını kullanabilir ve kategorileri veya kategorileri ve ürünleri görüntülemeyi seçebilirsiniz.
İlk seçenek, ürün kategorinizi yalnızca mağaza sayfanızda görüntülerken, ikincisi ürün kategorinizi ve diğer ürünleri görüntüler. Örneğin, kategoriyi mağaza sayfasının görüntülenmesi altındaki görüntüleme etkinleştirirseniz, mağaza sayfanız yalnızca aşağıda gösterildiği gibi ürün kategorisini görüntüler:
Bu, mağaza sayfanızda şu şekilde görünecektir:
WooCommerce Shop sayfasında belirli kategoriler nasıl görüntülenir, belirli Woocommerce ürün kategorilerini görüntülemek için kısa kod yöntemini de kullanabilirsiniz. Kullanmak için ürün kategorenizi sülük kullanmanız gerekir. Salyangoz kategorinizi ürün> kategorisi altında görebilirsiniz. Belirli ürün sümüğünüzü bildikten sonra, mağaza sayfanızda aşağıdaki gibi kullanabilirsiniz: [Ürün kategorisi kategorisi = “slug”] Sülük metnini uygun slug kategorinizle değiştirin. Örneğin, salyangoz görüntüleniyorsa, kısa kod şudur: Ve ön uçta, böyle bir şey göreceksiniz: [ürün kategorileri] için mevcut özellikleri daha fazla ayarlama için de kullanabilirsiniz.
3) WooCommerce Shop sayfasına kategoriler eklemenin başka bir yolu programlanan kategorileri göster küçük bir kod kullanmaktır. Bu yöntem, kodlama becerilerine sahip olan ve tema dosyalarını yapılandırabilen kullanıcılar için önerilir. PHP hakkında bilgiye ek olarak, CSS hakkında temel bir anlayışa sahip olmanız da tavsiye edilir. Bu dilden rahatsızsanız, yukarıdaki yöntemi izlemenizi öneririz. Bazı temel dosyaları düzenleyeceğimiz için, bu işlemi başlatmadan önce, sitenizin bir yedeklemesini yapmanızı ve yoksa bir alt tema oluşturmanızı öneririz. Nasıl yapacağınızdan emin değilseniz, en iyi çocuk tema eklentilerinden bazılarına bakın. Şimdi daha fazla uzatmadan, Woocommerce Shop sayfasında kategoriyi nasıl görüntüleyeceğine bakalım. Kategoriyi mağaza sayfasında görüntülemek için işlevler ekleyin Çocuğunuzun teması ayarlandıktan sonra, görünüm> tema düzenleyicisini girerek Fonksiyon.php dosyanızı açın. Oraya vardığınızda, doğru tema dosyasındaki functions.php dosyasını tıklayın. Artık özel işlevinizi eklemek için aşağıdaki komut dosyasını düzenleyiciye koymaya hazırsınız. Bu işlev, mağaza sayfanızın kalan ürününü yüklemeden önce ürün kategorinizi ekler. Bu, kalan ürün kataloğunu göstermeden önce ürün kategorinizin tüm öğelerini eklemenin iyi bir yoludur. Ürün function_subkategory ($ args = array ()) {
$ parentID = get_qued_object_id ();
$ args = dizi (
‘Ebeveyn’ => $ ParentID
$ term = get_terms (‘ürün_cat’, $ args);
if ($ koşul) {echo ‘
‘;
foreach ($ olarak $ dönem) {
echo ‘
‘;
wooocommerce_subcategory_thumbnail ($ terim);
echo ‘
‘;
echo ‘ slug.’ “> ‘;
echo $ term-> adı;
Gema ‘‘;
echo ‘
‘;
yankılar ‘
‘;
}
yankılar ‘
‘;
}
}
Add_action (‘wooocommerce_beefore_shop_loop’, ‘ürün_subkategory’, 50);
Yukarıda belirtildiği gibi, bu işlev kategorinizin bir kısmını Woocommerce Shop sayfanıza ekleyecektir. Ancak, istediğiniz gibi görünmeyebilir ve sitenizin stiliyle eşleşmeyebilir. Bunun nedeni, yeni oluşturulan kategoriyi düzenlemeniz gerektiğidir. Stil hazırlayın Şimdi gelenekinizin kategorisi için, temanızın ayarlanmasının ek CSS bölümüne ayarlanabilir bir CSS ekleyelim. WordPress kontrol panelinizde, Tema Ayarlama menüsünü açmak için görünüm> ayarlayın, ardından Ek CSS’yi tıklayın.
Ardından, aşağıdaki CSS görüntülerini ek CSS bölümüne yapıştırın ve web sitenizin stiline uyacak şekilde ayarlayın. Tahmin edebileceğiniz gibi, CSS hakkında bilginiz varsa daha fazla seçeneğiniz olacaktır. Kod ekleyeceğinizden emin değilseniz, CSS’nin WordPress’e nasıl ekleneceğine dair kılavuzumuza bakın. Aşağıdaki görüntüler görüntünün ve görüntünün altındaki metnin boyutunu değiştirecektir. Bu kod bir örnektir, bu nedenle lütfen sitenizin kategori bölümünü hazırlaması için doğru stili ayarlayın ve sağlayın. ul. ürün-kucing {
Marj-sol: 0;
}
ul. ürün-kucing li {
Marj-Bawah: 4.236em;
Metnin hizalanması: orta;
Pozisyon: göreceli;
}
ul.Product-cats li img {
Marj: 0 otomatik;
}
@Media ekranı ve (min genişliği: 768px) {
ul. ürün-kucing li {
Genişlik: 29.4117647059%;
şamandıra: sol;
Marj-sağ: .8823529412%;
}
UR.Product-Cats li: Nth-Type (3) {
Marj-sağ: 0;
}
}
Değişikliklerle bittikten sonra ayar ayarlarını güncelleyin ve mağaza sayfanız yeni kategori bölümünüzle güncellenecektir.
Bonus: Mağaza sayfalarınızı iyileştirmenin ek yolları, mağaza sayfalarınızın müşteriler için mümkün olduğunca uzun olmasını sağlamak için uygulayabileceğiniz başka değişiklikler de vardır. Bu, kaç ürünün görüntülendiğini yönetmeyi, en yüksek değere sahip ürünlere sahip parçalar eklemeyi ve daha fazlasını içerir. Fikir, ürününüzü bulmak ve müşterilerinize daha iyi bir alışveriş deneyimi sunmaktır. Satışlarınızı artırmak için mağaza sayfalarınızı nasıl ayarlayabileceğinize bakalım. İlk olarak, ürün kategoriniz altında en popüler ürünlerin bir listesini nasıl ekleyebileceğinizi görelim. WooCommerce Shop sayfasındaki en popüler ürünlerin nasıl görüntüleneceği ürün kategorinizi eklemenin yanı sıra, kısa bir kod kullanarak özel bir ürün kataloğu da ekleyebilirsiniz. Bu, bu kısa kodu kullanarak görüntülenebileceğiniz en popüler ürün bölümüdür: [ürünler siparişi = “popülerlik”] Daha önce görüldüğü gibi, burada bulabileceğiniz kısa kod özellikleri ekleyebilirsiniz. Mağaza sayfanıza en popüler ürün bölümünü eklemek için aşağıdaki kısa kodu ekleyebilirsiniz. Bu durumda, ürünleri iki sütunda görüntülemek için birkaç özellik ekledik. [Ürünler Orderby = “Popülerlik” Class = “M-Popüler” Sütunlar = “2” Limit = “2”] Ayrıca, satış ürünleri, en çok satış, en iyi derecelendirilmiş ürünler ve kısa kodlar kullanan diğerleri gibi bazı parçaları ekleyebilirsiniz:
[best_selling_products]
[top_rateed_products]
[Son Ürünler] En iyi yanı, bu kısa kodu mağaza sayfalarınızın çeşitli bölümlerinde kullanabilmeniz ve öznitelik ekleyerek ayarlayabilmenizdir.Bu şekilde mağaza sayfalarınızı kontrol edebilir ve satışlarınızı artırabilirsiniz.Bunlar sadece birkaç örnektir, ancak mağaza sayfalarınızı en üst düzeye çıkarmak için yapabileceğiniz çok daha fazlası var.Daha fazla bilgi edinmek için WooCommerce Shop sayfasının nasıl ayarlanacağına dair tam kılavuzumuza bakın.Kısacası, mağaza sayfasında ürünleri görüntüleme şekliniz satışlarınız üzerinde büyük bir etkiye sahip olabilir.Bu nedenle kategorileri görüntülemek ve ürünlerinizi akıllıca yönetmek her mağaza sahibi için bir zorunluluktur.Bu öğreticide, WooCommerce Shop sayfasında kategorileri görüntülemenin çeşitli yollarını gösterdik: tema ayarlaması altındaki WooCommerce ayarlarıyla Kısa Kodu kullanın Özel bir işlev ve ayarlamak için biraz CSS ile
Kolay bir çözüm istiyorsanız, WordPress kontrol panelinden bir seçenek kullanabilirsiniz. Ancak, yöntem pek çok ayar seçeneği sağlamaz. Başka bir seçenek, ayarlayabileceğiniz kısa bir kod kullanmaktır. Ancak, daha fazla esneklik istiyorsanız ve kodlama becerilerine sahipseniz, programlanan ürün kategorisini görüntüleyebilirsiniz. Bunun için PHP ve CSS hakkında bilgiye ihtiyacınız olduğunu unutmayın. Buna ek olarak, mağaza sayfalarınızı baştan başlamak yerine bir şablon kullanarak ayarlamanın yollarını arıyorsanız, bunu da seçebilirsiniz. Ancak, bunun için şablon dosyasını yapılandırmalı ve tema dosyasını değiştirmelisiniz. Programlanan mağaza sayfalarını ayarlamak için eksiksiz bir kılavuzumuz var ve Woocommerce şablonunuzu burada yapılandırın: WooCommerce mağazaları nasıl düzenlenir sayfaları programlanmış
Wooocommerce şablon dosyası nasıl ayarlanır
Mağaza sayfanızı ayarladınız ve ürün kategorisini görüntülediniz mi? Hangi yöntemi kullanıyorsunuz? Aşağıdaki yorum bölümünde bize bildirin! Son olarak, mağaza sayfanızı geliştirmenin başka yollarını arıyorsanız, aşağıdaki makaleye bakın: Programlı Woocommerce Shop sayfasını düzenleyin (CSS ve PHP)
Elementor’daki Wooocommerce Shop sayfasını nasıl ayarlayabilirim
Boş bir wooocommerce dükkanı sayfası nasıl düzeltilir
