Hiç WooCommerce ürünlerinizin tümünü veya bir kısmını içeren sıralanabilir ve filtrelenebilir bir ızgara oluşturmak istediniz mi?

Bir WooCommerce mağazası işletiyorsanız, WooCommerce'in zaten ayrı ürünleri sergilemenize yardımcı olan özel bir arşiv sayfasıyla geldiğini biliyorsunuzdur.

Ancak, ne sattığınıza bağlı olarak, bu her zaman ürünlerinizi sergilemenin en etkili yolu değildir.

Bazı durumlarda, WooCommerce ürünlerini bir ızgarada görüntülemek daha verimlidir.

Ve bu, içinde bulunduğunuz durum gibi gözüküyorsa, sorun değilsiniz, çünkü size WooCommerce ürünlerinizin ızgarasını nasıl oluşturacağınızı göstereceğim.

Ancak, WordPress'i hiç yüklemediyseniz, keşfedin Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

WooCommerce ürünlerinden oluşan bir ızgara ile neler yapabilirsiniz?

Tam bir liste olmasa da, aşağıda bir ürün kılavuzunun ziyaretçilere normal arşiv sayfanızdan daha iyi bir deneyim sağlayabileceği birkaç durum verilmiştir:

keşfedin WooCommerce eklentisi ile WordPress'te çevrimiçi bir mağaza nasıl kurulur

• Toptan satış mağazaları - Çok sayıda ürün topluyorsanız, müşterilerinize bir ızgarayı sınıflandırmanın veya filtrelemenin kolay bir yolunu sunmak, tek tek ürün sayfalarına göz atmalarını sağlamaktan daha kullanıcı dostu olabilir.
• Ürün katalogları - Benzer şekilde, sadece göz atması kolay bir ürün kataloğu görüntülemek istiyorsanız, AJAX sıralama / filtre ızgarası müşterilere zaman kazandırır (ve sayfa yeniden yüklemeleri).
• Sipariş Formları - WooCommerce ürünlerine dayalı bir sipariş formu oluşturmak istiyorsanız, bir ızgara bunu yapmanın çok kolay bir yolunu sağlar. Bir restoran menüsünü görüntülemek ve çevrimiçi siparişleri kabul etmek de iyi bir yaklaşımdır.

WooCommerce ürünlerinden oluşan bir ızgara nasıl oluşturulur

Eklentiyi kullanacağız WooCommerce Ürün Tablosu. Eklenti, tek başına ürün ızgarasının oluşturulmasına odaklanmıştır. Ve arayüz parametreleri sayesinde ve kısa kod, ızgaranızın nasıl çalıştığını hemen hemen her yönüyle özelleştirebilirsiniz.

Ayrıca şu kılavuzumuzu okuyun: WordPress blogunuzda harcanan zamanı nasıl artırırsınız

İşte bence en kullanışlı özelliklerden bazıları:

• Kolayca sütun ekleyin veya silin Özel alanlar veya özel sınıflandırmalar içeren sütunlar bile ekleyebilirsiniz ve WooCommerce Ürün Tablosu, Gelişmiş Özel Alanlar ile tamamen bütünleşir.
• 4 filtre gereçleri dahil. Bunlar, kenar çubuğunuzda filtreleme seçenekleri sunarak okuyuculara sorunsuz bir deneyim sunmanıza olanak tanır.
• Ürün çeşidi / özellik desteği. Tablonuzda ürün çeşitlerini görüntülemek için 3 farklı yoldan birini seçin.
• Çok seçenekli kutular. Müşterilerin alışveriş sepetlerine eklemeden önce birden fazla ürün seçmesini sağlayarak sipariş formlarının oluşturulmasını kolaylaştırır.
• Anında Arama, Sıralama ve Filtreleme . Müşteriler, ızgara verilerinizi sayfayı yeniden yüklemeden değiştirebilir.
• Sepete ekle . Benzer şekilde, müşteriler sayfayı yeniden yüklemeden sepetlerine ürün ekleyebilirler.
• Tembel Yük desteği. Büyük ızgaraların performansını artırmak için kullanışlıdır ( bu, anında sıralama veya filtreleme sunma becerisini etkilese de )

İşte bu eklentiyi nasıl kullanacağınız ...

1 Adım: Varsayılan Izgara Özelliğini Yapılandırma

Eklentiyi kurduktan ve etkinleştirdikten sonra yapılacak ilk şey, şebekeleriniz için varsayılan işlevselliği yapılandırmaktır. WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza göz atın.

Bu esas olarak kısa kodun varsayılan davranışını tanımlar. Ancak bu davranışı tek tek ızgaralar için kısa koda parametreler ekleyerek de değiştirebilirsiniz.

Eklenti ayarlarına erişmek için, WooCommerce → Ayarlar. Ardından sekmeye tıklayın Ürünler ve seçeneği seçin Ürün tabloları :

Izgaralarınızın görünümünü yapılandırma

Her şeyden önce, bölümden ızgaranızın stilini seçebilirsiniz. Masa Tasarımı. İle yapabilirsiniz:

• Varsayılan - Tahmin edebileceğiniz gibi, bu seçenek sizin tarafınızdan başka bir müdahale olmaksızın eklentinin varsayılan ayarlarını kullanır. Blogunuzun mevcut temasını olabildiğince kullanmaya çalışacaktır.
• personnalisé : seçildiğinde, yazı tipi renklerini ve boyutlarını özelleştirmenize izin veren stil seçenekleri listesini genişletir. Özel CSS.

Stilinizi ayarladıktan sonra, kısa kod varsayılanlarını yapılandırmanız gerekir. Yine, bunları ayrı ayrı kısa kodlar için ikincisinin parametreleriyle düzenleyebilirsiniz.. Ancak kurulum size zaman kazandıracak ve işleri daha sonra biraz daha kolaylaştıracaktır.

Ayarların çoğu açıklayıcıdır ve WooCommerce Ürün Tablosunun her bir ayar hakkında daha fazla bilgi edinmenize yardımcı olacak ipuçları veya dokümantasyon bağlantıları sağlama konusunda iyi bir iş çıkardığını görebilirsiniz.

keşfedin Nasıl Facebook'ta bir WooCommerce deposu eklemek için

Kısa kod varsayılanlarını ayarladıktan sonra, daha gelişmiş düzen ve özellik ayarları yapılandırmak için ileriye doğru ilerleyebilirsiniz.

Yine, eklenti harika bir iş çıkarıyor; anlaşılması biraz zor olabilecek parametrelerin herhangi biri için ek bilgi sağlamak için. 

WooCommerce çevrimiçi mağazanızın stoklarını nasıl kontrol edebilirsiniz? ? Bu bağlantıya tıklayarak keşfedin.

Dikkat edilmesi gereken bir şey Aşamalı şarjın sınırlandırılması. Çevrimiçi mağazanızı hızlandırmak için aşamalı yüklemeyi kullanmaya karar verirseniz, eklentinin arama ve sıralama işlevini sınırlandırırsınız.

Ayrıca bkz. Çevrimiçi mağazanızı geliştirmek için 12 en iyi WooCommerce eklentileri

Yapılandırma tamamlandıktan sonra değişikliklerinizi kaydettiğinizden emin olun.

2 Adım: WooCommerce Grid Widgets Ekleme (İsteğe Bağlı)

Bahsettiğim gibi, WooCommerce Ürün Tablosu ayrıca kenar çubuğunuza filtreleme seçenekleri eklemenize yardımcı olacak dört widget sunar ( klasik WooCommerce mağazaları için mümkün olduğunca ).

Erişmek için Görünüm → Widget'lar her zamanki gibi ve istenen widget'ları kaydırın:

3. Adım: Ürün ızgaranızı görüntülemek istediğiniz yere bir kısa kod ekleyin

Bitiş çizgisindesiniz! Şimdi yapmanız gereken tek şey kısa kodu eklemek [product_table] ızgaranızın görünmesini istediğiniz her yerde.

Çok keşfetmek WordPress giriş sayfasının bağlantısını bulmak için nasıl

Varsayılan olarak, kısa kod 1. adımda seçtiğiniz ayarlara göre çalışacaktır. Ancak belirli kısa kodlar için işlevselliği özelleştirmek istiyorsanız, bunu kullanarak yapabilirsiniz. birçok kısa kod parametresi kullanılabilir.

Örneğin, ızgarayı yalnızca belirli bir kategorideki ürünlerde kullanmak için şuna benzer bir parametre ekleyebilirsiniz:

[product_table kategori="şapka"]

Yaratıcı olabilirsiniz ve burada AND / OR koşullarını kullanabilirsiniz.

Örneğin:

• [product_table kategori= "şapka + içinde star« ] yalnızca şu ürüne ait ürünleri görüntüler: Fois şapka kategorilerine et Yıldızlarda
• [ Product_table kategori= "şapka içinde yıldız "] ürünleri görüntüler olup olmadığını şapka ou yıldız kategorisi.

Küçük detaylara gösterilen bu dikkat, WooCommerce ürünlerinin ızgarasını bu kadar güzel yapan şeydir. 

Ayrıca bakınız Makalelerinize yeni bir soluk getirmek için 6 WordPress eklentisi

Ve WooCommerce'deki bir ürün ızgarasıyla ilgili her şey bu!

WooCommerce Ürün Tablosu eklenti fiyatlandırması

WooCommerce Ürün Tablosu, yalnızca premium bir eklentidir. WordPress.org dizininde listelenen birkaç ücretsiz seçenek olsa da, bu kadar esnek veya iyi belgelenmiş olanı bulamadım, bu yüzden WooCommerce Ürün Tablosunun fiyata değer olduğunu düşünüyorum, bu da ...

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. HBook

HBook bir WordPress uzantısı bu, web sitenizde kolayca bir çevrimiçi rezervasyon çözümü oluşturmanıza olanak tanır.

Otel sektöründe (oteller, tatil evleri, kampçılık vb.) İşi olan herkes için mükemmeldir.

Ayrıca bizim keşfetmek Blogunuzun içeriğini paylaşmak için 5 WordPress eklentileri

içinden WordPress Plugin HBook ile sadece saniyeler içinde web sitenize uygunluk takvimleri, fiyat listeleri ve rezervasyon formları ekleyebileceksiniz.

Indir | gösteri | Web hosting 

2. WooCommerce Tabs Pro: Ürün Sayfası İçin Ekstra Sekmeler

Ce WordPress Plugin ürün sayfasında size sınırsız ek sekme sağlar.

Başlıca özellikleri: olasılığı sekmelerin başlığını değiştirmek Özel içeriği düzenlemek için editörsekmeleri sabitleme olasılığı, seçimi sekmeler, kolay kaldırma için simgeler sekmeler, pgenel arayüzde sekmelerin konumunun özelleştirilmesi, edaha fazla ...

Indir | gösteri | Web hosting

3. WooCommerce Çok Düzeyli Yönlendirme Eklentisi

Bu WooCommerce eklentisi, aboneleri ürünlerinizi mevcut çevrimiçi mağazanızdan satın alırsa, bağlı kuruluşlarınızın kredi puanı kazanmasını sağlar.

Diğer özelliklerinin yanı sıra özellikleri şunlardır: kişiselleştirilmiş bir kredi ve geri ödeme limitinin yapılandırılması, kayıtlı kullanıcılar için eksiksiz yönetim raporları, genel veya ürüne özel parametrelerin yönetimi, kısa kodların desteği, ve daha birçoğu.

Çok keşfetmek Genel başlığınıza açılır iletişim formu nasıl eklenir?

Tipik bağlı kuruluş işlem sisteminin dışında kalan bir WooCommerce çok seviyeli ortaklık sistemidir.

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Ayrıca, web sitenizi ve blogunuzu daha iyi ele geçirmek ve kontrol altına almak için sizi aşağıdaki kaynaklara başvurmaya davet ediyoruz.

• 9 WordPress temaları bir biyo ürün satış web sitesi oluşturmak için
• WordPress blogunuzun hızını artıran 6 CDN servisleri 
• WP Affiliate PlatForm ile ortaklık programınızı nasıl oluşturabilirsiniz?
• WordPress eklentileri el ile nasıl güncellenir

Sonuç

İşte bu! Bu eğitim için bu kadar. Umarım WordPress'te WooCommerce ürün ızgaraları oluşturabileceksiniz. çekinmeyin bahşişi sosyal ağlarınızda arkadaşlarınızla paylaşın.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma.

Ancak bu arada, bize Yorumlar ve özel bölümdeki öneriler.

...