WooCommerce Ürün Tablosunun Gözden Geçirilmesi: Ürünün bir filtre tablosu oluşturun

Woocommerce WordPress ürününüz için aranabilecek bir masa yapmak için basit ama esnek bir yola mı ihtiyacınız var? Ürün karşılaştırma tablosunun büyük bir hayranıyım çünkü ziyaretçilerinize bazı ürünleri birbirleriyle karşılaştırmak için kullanımı kolay yöntemi veriyor. Orada bir dizi kalite tablo eklentisi var. Ancak, WordPress Woocommerce mağazanız için özellikle duyarlı ve hücresel bir ürün tablosu oluşturmak istiyorsanız, WordPress eklentisi WooCommerce ürün tablosu, sağa adlandırılan ürün tablosu, diğerlerinden çok daha kolay filtrelenebilen ve sıralanabilen bir ürün tablosu yapmanızı sağlar. Genel nesneler. WordPress eklentisi tablosu.
Tıpkı gözden geçirdiğim Barn2 Media’nın Destek Tablo Pro eklentisi gibi, WooCommerce Ürün Tablosu eklentisi, artık kullanıcı dostu arayüzler aracılığıyla kolayca yapılandırabileceğiniz kısa kodlara dayanıyor. Gerçekten iyi olan, müşterilerinizin tablonuzu çeşitli şekillerde (kontrol ettiğiniz) arayabilmeleri, filtreleyebilmesi ve sıralayabilmeleri, böylece ihtiyaç duydukları belirli bilgileri hızlı bir şekilde bulabilmeleridir. Genel olarak, eklentilerle oynamaktan zevk aldım ve kullanımı kolay ve sezgisel olduğu ortaya çıktı. Bu eklentinin siteniz için bir ürün tablosu oluşturmanızı nasıl kolaylaştırdığını daha ayrıntılı olarak görmeye devam edin.
Wooocommerce ürün tablosunun işlevi nedir? Adından öğrenebileceğiniz gibi, WooCommerce ürün tablosu, WordPress web sitenizde çok ayarlanabilen filtrelenebilen/sıralanabilen (veya liste) bir ürün tablosu oluşturmanızı kolaylaştırır. Ne hakkında konuştuğumun kısa bir örneği: Tablonuzda gösterdiğiniz belirli bilgiler üzerinde ayrıntılı kontrolünüz var. Sütunu, filtreyi, işlevselliği ve daha fazlasını ayarlayabilirsiniz. Ve ürünü isteklerinize göre göstermeyi seçebilirsiniz. Ayrıca tüm ürünlerinizi, belirli ürünlerinizi ve belirli kategorilerinizi seçeneklerden kolayca görüntülemeyi seçebilirsiniz.

Aşağıda bağlı makaleler

Ziyaretçileriniz, ürün özelliklerini seçerek ihtiyaç duydukları belirli ürünleri bulmak için göz atarak, filtreleyerek ve sıralayarak daha fazla görebilir. Ziyaretçiler istedikleri ürünü bulduktan sonra, doğrudan masanızdan sepetlerine ekleyebilirler. Bunun ötesinde, her masa, elbette, tamamen duyarlı ve hücresel dostudur. Bu neden yararlı? WooCommerce ürün tablolarını her türlü WooCommerce mağazası için yararlı görebiliyorum. Geliştiriciler özellikle yardım olarak belirtiyor:
Toptan dükkan
Ürünler Kataloğu
Sipariş Formu (Woocommerce Sipariş Formunun Nasıl Oluşturulacağına İlişkin Bir Yayınımız Var)
Restoran siparişi
Ama gerçekten, gökyüzü buradaki sınır. Blog yayınlarında belirli ürünleri hızlı bir şekilde görüntülemek için mağazanızı tamamen değiştirmekten (daha fazla katalog yaklaşımı için) her şey için bir eklenti kullanabilirsiniz.
WooCommerce Ürün Tablosunun Gözden Geçirilmesi: Doğrudan Ekran Notu – Bu incelemeyi ilk yazdığımda – Bu eklentinin ana eleştirim, bu eklentinin bir tür kısa arkadaşlık kısa kod üreticisine sahip olmamasıdır. WooCommerce 1.8 ürün tablosunda eleştiri artık geçerli değil. Kullanıcı dostu kısa kod yapılandırma seçeneğine ek olarak, bu eklenti, stil seçeneği gibi birkaç yeni özellik de ekler. Sonuç olarak, bu inceleme bölümünü yeni bir eklenti aracını ve kısa kodlar oluşturmak için daha fazla kullanıcı dostu yansıtacak şekilde güncelledim. Ayrıca, çeşitli yapılandırmaların bazı farklı örneklerini görebilmeniz için orijinal incelemeyi de bırakacağım. Eklentiyi yükledikten ve etkinleştirdikten sonra, eklentilerle çalışmak için birkaç farklı arayüzünüz var:
Ayarlar – Bu alan, kısa kod parametresini manuel olarak kullanarak daha önce ayarlamanız gereken kısa kodunuz için bir dizi varsayılan olarak yapılandırmanıza olanak tanır. Temel olarak, bu, bu bölümde bahsettiğim büyük kullanımda bir artıştır.
Widget – WooCommerce ürün tablosu, ziyaretçilerinizin ürün tablolarınızı filtrelemesine ve gezinmesine yardımcı olan dört widget içerir.
Bunun ötesinde, kısa bir kod kullanarak WooCommerce tablosuna gireceksiniz (ayrı kısa kod parametrelerine karşı kurcalamanız gerekmez).
Aşağıda bağlı makaleler
Tablo Stilinizi Yapılandırma WooCommerce Ürün Tablosu ile başlayacak şekilde, önce ayar alanına gitmelisiniz:

Orada yapabileceğiniz ilk şey, masanız için bir tasarım seçmektir. Varsayılan tasarımı kullanmayı seçebilirsiniz. Veya bir gelenek seçerseniz, kendi stilinizi ekleyebilirsiniz. Tablo düzenini ve tablo tasarımını sınırlar, yazı tipleri, arka plan renkleri, vb. Açısından ayarlamak için yeterli stil seçenekleri alırsınız. iyi olan! (Elbette, istenirse özel CSS eklemekte özgürsünüz).

Bir sonraki kısa kod varsayılanınızı yapılandırın, Kısa Kodunuz için Varsayılan’ı gerçekten yapılandırmanız gerekir. Bunu her bir kısa kod için her zaman manuel olarak değiştirebilirsiniz, ancak bu arabirim, önceki WooCommerce ürün tablosu sürümü gibi manuel olarak her zaman kısa kod parametrelerini kullanmanızı gerektiren çok daha kullanıcı dostudur:

Açıklamanın uzunluğu ürün listesinde görüntülenen kısa bir açıklama uzunluğundan başka bir şey olmadığından, bu seçeneklerin çoğu oldukça açıktır. Ancak daha yakın görülmeye değer bir alan arama filtresi seçeneğidir.

Etkinleştirildiğinde, bu, kullanıcılar için hangi filtrelerin mevcut olduğunu seçmenizi sağlar:
Aşağıda bağlı makaleler

Sayfada daha fazla, daha gelişmiş seçenekler de yapılandırabilirsiniz:
Buradaki ilginç bir şey, arabaya Ajax düğmesi ekliyor – bu, ziyaretçilerin sayfaları yeniden beslemeye gerek kalmadan ürün masasından arabalarına ürün eklemelerini sağlıyor. Ardından, birçok ürünle bir mağazanız varsa tembel yük seçeneğini etkinleştirebilirsiniz. Lazy Load, web sitenizin yükleme süresini hızlandırmak için Ajax kullanır. Sitenizdeki WooCommerce Ürün Tablosunu girin Eklentinin eski sürümü ile, iyi bir tablo oluşturmak için birçok parametreli uzun bir kısa kod oluşturmalısınız. Ancak yeni bir eklenti ile tek yapmanız gereken temel kısa kodu kullanmaktır:

Ve ön uçta tamamen yapılandırılmış tabloyu göreceksiniz (seçtiğiniz ayarlara göre):


Genel olarak, bu yeni sürümde süreç önemli ölçüde daha basittir. Aşağıda – Orijinal doğrudan incelemeyi bıraktım çünkü yine de eklentinin nasıl çalıştığına dair iyi bir görünüm veriyor. Artık kısa kod parametrelerine bağlı olmadığınızı unutmayın-artık bir dost-insan eklenti arayüzü kullanarak aşağıdaki örnekte her şeyi yapabilirsiniz.

Bu bölümdeki işlevsellik hala doğru olsa da, temel woocommerce ürün tablosu kısa bir kodu kullanarak, yeni sürüm tablonuzu yapılandırmak için daha insan dostu bir yol içerir (yukarıda ayrıntılı).
Eklentilerle bir ürün tablosu oluşturmanın mutlak en hızlı yolu için, sitenizin herhangi bir yerinde kısa bir temel tablo kodu kullanabilirsiniz ve tablo ürün verileri ile birlikte görüntülenecektir. Temel kısa kod şudur: [Product_table] Dört farklı sütun içeren bir tablo oluşturur:

İsim

Özet
Fiyat

Satın Al (Arabaya Düğme Ekle)
Tüm bu bilgiler doğrudan WooCommerce ürün bilgilerinizden alınır – manuel olarak hiçbir şey girmenize gerek yoktur. Ayrıca, temel bir kısa kodla bile, ziyaretçilerinizin tabloyu arayabileceğini ve sıralayabileceğini de görebilirsiniz. Bu bölümdeki işlevler hala doğru olsa da, daha fazla işlev eklemek için birkaç temel parametre kullanarak, yeni sürüm tablonuzu yapılandırmak için daha insan dostu bir yol içerir (yukarıda ayrıntılı) Temel kısa kod işlevsel ve yeterli bir ürün tablosu sağlar. Ancak çoğu zaman, daha ileri gidebilmek ve en azından masanıza görüntüler dahil etmek istersiniz. Neyse ki, birkaç kısa kod parametresi ile yapmak çok kolaydır. Görüntünüzün doğru boyutunu bile belirleyebilirsiniz. Aynı temel sütunu korumak için 80×80 px resmini görüntüleyen görüntü sütunu eklemek için aşağıdaki kısa kodu kullanabilirsiniz: [table_prums = “Görüntü sütunu, ad, açıklama, fiyat, arabaya ekleyin” image_size = “80 × 80 “] Kısa kodda yapılanları ana hatlarıyla veriyorsanız, bunun iki parametre aldığını göreceksiniz:
Hangi sütunun dahil edileceğini belirleyen biri (parametredeki beş sütun ön uçtaki beş sütuna eşittir)
Hangi görüntü boyutu eklentisinin kullanıldığını söyleyen biri
Ne yazık ki, bu incelemedeki her parametreyi kontrol edemiyorum. Bir ton var. Daha fazla sütun, çeşitli stiller sepete, ürünlerin varyasyonları, özel taksonomi ve daha fazlası ile değişen her şeyi yapılandırabilirsiniz. Ve gerekirse masanızda özel bir alan bile kullanabilirsiniz. Kolayca özel bir alan oluşturabilir ve tablodaki sütunlar şeklinde görüntüleyebilirsiniz. Ayrıca, mağazanızdaki her ürünün değil, yalnızca belirli bir ürünün bir parçasını görüntülemeyi de seçebilirsiniz. Listenin tamamını buradan görebilirsiniz. Ve aşağıda, size yapabileceğiniz birkaç düzgün şey göstereceğim. WooCommerce Ürün Tablonuza Yeni Bir Filtre Ekleyin Bu bölümdeki işlevsellik hala doğru olmasına rağmen, yeni sürüm tablonuzu yapılandırmak için daha insan dostu bir yol içerir (yukarıda ayrıntılı olarak), tablo bir arama kutusu içerir, ancak hayır yok Özel filtre. Ziyaretçilerinize tablonun üzerinde birkaç seçenek daha vermek istiyorsanız, masanıza eklemek için daha fazla parametre kullanabilirsiniz. Kullanıcıların filtreleri mevcut olan her sütuna göre filtrelemesine izin vermek için, battaniye filtreleri parametreleri = “true” kullanabilirsiniz: [ürün_tabe sütunları = “ad, kategoriler, etiketler, fiyat” filtreler = “true”]

Gördüğünüz gibi, ziyaretçileriniz masanızı filtrelemek için açılır arasından seçim yapabilir. Eğlenceli olan, filtrelemenin Ajax olmasıdır – yani, sonuçları görmek için ziyaretçileriniz için yeniden yükleme sayfaları gerekmez. Mevcut her filtreyi etkinleştirmek istemiyorsanız, örneğimden “doğru” battaniye yerine filtreyi ayrı ayrı etkinleştirmek için parametreleri de kullanabilirsiniz. Ürün tablonuz için sütunun genişliğini değiştirin Bu bölümdeki işlevler hala doğru olmasına rağmen, yeni sürüm, tablonuzu (yukarıda ayrıntılı olarak) yapılandırmanın daha insan dostu bir yolunu içerir (yukarıda ayrıntılı), gerçek dünyada biraz daha kontrol etmek isteyebilirsiniz. Otomatik olarak yapılan eklentinin genişliğinden daha sütun genişliği. Neyse ki, geniş bir parametre kullanarak sütunun genişliğini değiştirmek kolaydır. Genişliği bir piksel, yüzde olarak ayarlayabilir veya eklentinin genişliği otomatik olarak saymasına izin verebilirsiniz. Üç seçeneği gerektiği gibi karıştırabilir ve eşleştirebilirsiniz. Örneğin, yukarıdan tabloya dönmek için, görüntü sütunu 80px olarak kalıcı olarak ayarlamak için aşağıdaki kısa kodu kullanabilirim, açıklama%10 olarak ve eklentinin geri kalan üç sütun için genişliği otomatik olarak hesaplamasına izin verebilirim: [Product_Table sütunları = “Resim, Adı, Açıklama, Fiyat, Karşılık Eklentisi” Image_Size = “80X80” Genişlikler = “80px, Otomatik, 10, Otomatik, Otomatik”]

Tamam,% 10’u açıklamanın genişliği olarak kullanmak çok estetik değildir – ancak bu, eklentinin bu durumda ne kadar esnek olduğunun iyi bir örneğidir! Eklentilerin hangi sütunların her genişlikte uygulanacağını nasıl bildiğini merak ediyorsanız, girdiğiniz genişlik sırası sütun dizisiyle eşleşir. Woocommerce Ürün Tablonuzda Farklı Ürün Varyasyonlarını Gösterme Bu bölümdeki işlevsellik hala doğru olmasına rağmen, yeni sürüm tablonuzu yapılandırmak için daha insan dostu bir yol içerir (yukarıda ayrıntılı) WooCommerce sitenizin değişken bir ürünü varsa, nasıl olduğunuzu sorabilirsiniz. WooCommerce ürün tablosunda çalışmasını sağlayabilir. Neyse ki, Barn2 medyası varyasyonları göstermeyi unutmadı. Ürün varyasyonlarını işlemek için üç farklı seçeneğiniz var: ürün varyasyonları için açılır liste
Ürünün her varyasyonu için ayrı satırlar
Yalnızca gerçek ürün sayfasındaki varyasyonları görüntüle
Seçeneğinizi seçmek için, kısa bir kod parametresi kullanabilirsiniz, tahmin edebilirsiniz. Örneğin, açılır yöntemini (ve ön uçta nasıl göründüğünü) bu şekilde kullanabilirsiniz: [Product_table sütunları = “Görüntü, ad, açıklama, fiyat, kart eklenti” image_size = “80×80 “Değişim =” açılır “]

Ziyaretçilere eklenti tarafından sunulan çeşitli kısa kod parametreleri dışında daha fazla kontrol sağlamak için dahil edilen bir widget kullanarak, ziyaretçilerinize ürün tablolarınızı sıralamada daha fazla kontrol sağlamak için kullanabileceğiniz dört farklı WordPress widget’ı da içerir.Bu widget eklentinin bir parçasıdır ve ek olarak yüklenmesi gerekmez.Şu anda, eklenti göstermeniz için dört widget sunuyor: Filtre Fiyatı

Aktif Filtre (kısa kodunuzla belirlendiği gibi)
Ortalama sıralama filtresi
Filtre özniteliği (işlevini ayarlayabilirsiniz)
Ön uçtaki bir widget’a benzeyen şey budur:
Widget’tan üçü fiş ve oynatılmıştır – yani, kullanmaya başlamak için sadece sürüklemeniz gerekir.Yapılandırmanız gereken tek şey bir öznitelik filtresidir.Orada, bazı temel işlevlerin yanı sıra hangi özelliklerin filtreleneceğini seçebilirsiniz:

Buna ek olarak, ürün tablosu eklentisi WPML eklentisi uyumluluğu ile birlikte gelir, bu da ürün tablonuzu çeşitli dillere çevirmek için önde gelen WPML eklentisini kullanabileceğiniz anlamına gelir. Wooocommerce ürün tablosu ne kadar? WooOcommerce ürününün pro -tablo sürümü bir site lisansı için 119 $, 5 siteye kadar 209 $ ve 20 siteye kadar 429 $ değerinde. Bununla birlikte, kapsamlı belgelerin yanı sıra bir yıllık yenileme ve destek alırsınız. İsterseniz iptal edebilseniz bile, ilk yılınızdan sonra otomatik bir uzantıya kaydolursunuz (ilk yıldan sonra destek ve güncellemeler almayacaksınız). WooCommerce Ürün Tablosu WooCommerce Ürün Tablosu hakkındaki son düşünce benim için benim için mükemmel çalışıyor. Evet, bu biraz özel bir kullanım. Ancak, WordPress sitenizde bir WooCommerce ürünleri tablosu oluşturmanız gerekiyorsa, bu eklenti gerçekten çok zaman kazandıracaktır. Bu da çok esnektir ve masanızı değiştirmek için size birçok farklı yol sunar. Barn2 Media’dan Posts Table Pro gibi, daha kolay erişilebileceğini düşündüğüm tek alan tablolar oluşturmak için çeşitli grafik arayüz türleridir. Şahsen, kısa kod parametreleri kullanmakta sorunum yok (ve bir geliştiriciyseniz, kesinlikle bir sorununuz olmayacak – bu iyi belgelenmiş). Ancak, geliştirici veya güçlü bir WordPress kullanıcısı olmayan birinin kısa bir kod sisteminde biraz zorluk çekebileceğini düşünüyorum. Barn2 Medya Dinle!