Filtre Ürünü İnceleyin WooCommerce: Filtre Ürünü Ajax Esnek

Bir Woocommerce mağazanız varsa, alıcılarınızın tekliflerinizden birçok teklifinizden ilgilendikleri ürünleri bulmasını kolaylaştırmanız gerekir. Bunu yapmanın en iyi yollarından biri bir ürün filtresidir. Örneğin, insanların fiyatlara, renklere, kategorilere vb. Göre filtrelenmesine izin vermek Bu yaklaşımı hemen hemen her e -ticaret mağazasında göreceksiniz. Bununla birlikte, WooCommerce size bazı temel filtre widget’ları verirken, orijinal WooCommerce eklentisi çoğunlukla her türlü gelişmiş ürün filtreleme sistemleri değildir. WooCommerce Freemium ürün filtresi eklentisi bunu değiştirir. Bu, alıcılarınızın kullanabileceği çeşitli filtreler sunar; bu, yeniden doldurma sayfaları olmadan ürünleri filtrelemelerine izin veren Ajax seçenekleri de dahil. Buna bir arama kutusu, bir aralık filtresi (örneğin fiyatlar), onay kutusu (örneğin kategoriler), düğmeler, seçmenler, açılır, kapatma, özel taksonomi filtreleme ve daha fazlasını içerir.
Doğrudan WooOcommerce Ürün Filtre İncelememizde, sizi bu eklentinin sunduğu her şeyi alacağız. WooCommerce Ürün Filtresi İncelemesi: Ana Özellik

Kısacası, WooCommerce ürün filtreleri, alıcılarınıza ürünleri fiyatlar, kategoriler, etiketler, özellikler (örneğin boyut veya renk), inceleme derecelendirmeleri, satış durumu ve daha fazlası gibi farklı kriterlere göre filtreleme seçenekleri sunar. Bu aynı zamanda doğrudan arama özelliğine sahip anahtar kelimelere dayalı arama yapmalarını da sağlar. Filtrenizi ekleyebilirsiniz:
Kenar çubuğunuzda özel bir widget kullanarak.
Özel Elementor entegrasyonu ile elementin tasarımında.
Kısa kodlar kullanarak sitenizde başka yerlerde.
PHP işlevini kullanarak doğrudan tema şablonu dosyanızda.
Birçok farklı filtre seçeneği elde edersiniz:
Fiyat – Min/Maksir Sürücü
Fiyat Aralığı – Önceden belirlenmiş fiyat aralığından (ayarlayabileceğiniz) seçim yapın
Kategori
Etiket
Ürün Özellikleri – Renkler, Vardiyalar ve Diğerleri İçin Giriş Seçenekleri
Çok satıcı dükkanlar için ürün yazarı iyi
Özellikli ürün
Satılan ürünler
Stok durumu
Ürün sıralaması
Anahtar Kelimeler – Metne dayalı aramak için arama kutusu
ACF uyumluluğu dahil özel taksonomi ve özel alanlar
Ayrıca, her filtre seçeneği çeşitli giriş türleri içerir. Örneğin, önceden belirlenmiş bir fiyat aralığı kullanıyorsanız, insanların bir onay kutusu veya römorkör listesi kullanarak aralıklarını seçmelerine izin verebilirsiniz. Bazı seçenekler de bundan daha fazlasına sahiptir. Örneğin, filtreye bağlı olarak şunları kullanabilirsiniz:
Radyo Düğmesi (Tek Seçimli)
Açılır (tek seçenek)
Biraz römorkör
Onay kutularının listesi (çoklu seçim)
top
Metin
Vardiya
Renk
Değiştirmek


Aşağıda bağlı makaleler
Ayrıca genellikle işlevinizi ve filtre stilinizi kontrol etmek için birçok seçenek elde edersiniz. Son olarak, sınırsız bir filtre koleksiyonu yapabilir ve farklı durumlarda farklı filtreler gösterebilirsiniz. Örneğin, hücresel ziyaretçilere ve diğer filtrelere masaüstü ziyaretçilere bir dizi filtre görüntüleyebilirsiniz. Veya, bir kategoride ürünler için bir dizi filtre ve başka bir kategorideki ürünler için farklı bir set görüntüleyebilirsiniz (etiketler için aynı).
Bu, filtrenizin ilgili belirli ziyaretçiler/ürünler için her zaman optimize edildiğinden emin olmanızı sağlar. Hadi düz gidelim ve nasıl çalıştığını göstereceğim … Referanslar için WooCommerce ürün filtreleriyle uygulamalı, bu bölüm için WooCommerce ürünlerinin premium bir sürümünü kullanıyorum. Ancak, temel arayüz ücretsiz sürümde aynıdır. Eklentiyi yükledikten ve etkinleştirdikten sonra, ilk adımınız ilk “filtrenizi” oluşturmaktır. Filtre, alıcıların filtrelenmesi için istediğiniz bir grup seçenektir. Fiyat aralığı gibi bir şey olabilir veya çok fazla şey olabilir. Yukarıda bahsettiğim gibi, birkaç filtre grubu oluşturabilir ve farklı durumlarda farklı filtre grupları gösterebilirsiniz. Başlamak için ilk filtrenizi yapın, Woo ürün filtresine gidersiniz → Yeni filtre ekleyin. Ona bir isim verdikten sonra, nasıl çalıştığını kontrol etmek için üç ayar sekmesi alacaksınız.
Aşağıda bağlı makaleler

İlk olarak, eklenecek filtre türünü seçmek için gerililer kullanacaksınız. Birincisi için fiyat aralığı seçeneğini seçeceğim. Ayrıca, insanlara fiyat değişimleri vermek için yalnızca “fiyatları” seçebilirsiniz.

İsterseniz, birkaç filtre ekleyebilirsiniz. Bunu yaparken, doğrudan tamamlanan filtreden önizlemede otomatik olarak güncellendiğini göreceksiniz:

Tek tek filtreleri yapılandırmak için listedeki seçeneklerini genişletebilirsiniz. Örneğin, fiyat aralığı filtresini genişletirseniz, özellikleri ve görünümü kontrol etmek için birçok seçenek elde edersiniz. Örneğin, kontrol listesinden bir açılır menfeze değiştirirseniz, önizlemenin doğrudan güncellendiğini görebilirsiniz: farklı bir filtre size farklı bir ayar verecektir. Örneğin, bir metin kutusu ile bir arama eklerseniz, hangi içeriğin aranacağını seçebilirsiniz. İçerik, tırnak, kategoriler, nitelikler, SKU vb. Girebilirsiniz/hariç tutabilirsiniz.

Genel olarak, her filtre seçeneği, girdi seçmek için çok fazla kontrol sağlar. Onay kutuları, radyo düğmeleri, açılır vb. Gibi farklı girişler arasından seçim yapabilirsiniz. İhtiyaçlara göre. Hatta benzersiz şeyler alıyorsunuz. Örneğin, sıralama filtresi için, bir satıra (ziyaretçiler kaç yıldız istediklerini tıklayın) veya birkaç satıra sıralama yıldızlarını ekleyebilirsiniz.

Aşağıda bağlı makaleler

Bittiğinde, aşağıda gibi görünen bir filtre listeniz olacak. Herhangi bir filtre seçeneğinin sırasını değiştirmek istiyorsanız, oldukça ilginçsiniz ve yeni bir konuma bırakıyorsunuz:

Özel Taksonomiyi Keşfetmek Daha benzersiz özelliklerden biri, özel filtreleri özel taksonomiye veya özel alanlara dayalı yönetme yeteneğidir. Gelişmiş Custom (ACF) ve UI Custom Post türü (UI CPT) gibi popüler özel içerik araçları için doğuştan entegrasyon elde edeceksiniz. Bu aynı zamanda diğer özel taksonomi ile de çalışacaktır – kodla manuel olarak yaptığınız şey bile. Örneğin, müzik satıyorsanız, “tür” e özel taksonomi ekleyebilirsiniz. Ardından, çeşitli giriş seçeneklerinden birini kullanarak özel taksonomiyi bir filtre olarak kolayca düzenleyebilirsiniz. Kapatarak böyle görünebilir: Sonraki seçenek ayarlarını yapılandırma, tüm filtreleriniz için bazı ayarları yapılandırmak için seçenek sekmesini açabilirsiniz. En önemli seçimlerden biri Ajax’ı etkinleştirip etkinleştirmeyeceğidir. Etkinleştirildiğinde, alıcı çok kullanıcı dostu bir deneyim olan sayfayı yeniden yüklemeye gerek kalmadan bir filtre kullanabilir. Bir başka önemli seçim de bu filtre grubunu nerede göstereceğiniz ve kimin görmesi gerektiğidir. Filtrenizi farklı WooCommerce içeriğinde veya farklı cihazlarda (hücresel ve masaüstü) etkinleştirebilir/devre dışı bırakabilirsiniz. Bu yararlıdır, çünkü farklı durumlarda farklı filtreler göstererek optimize edilmiş bir deneyim kazanmanıza olanak tanır. Ayrıca mobil ziyaretçiler için daha fazla kullanıcı dostu deneyim yaratmanıza yardımcı olur. Örneğin, masaüstü ziyaretçileri için bir onay kutusu, ancak hücresel ziyaretçiler için daha fazla hücresel girdi kullanabilirsiniz.

Başka bir seçenek sekmesinde, bazı ek seçenekler yapabilirsiniz:

Düğmeler – Filtre düğmesi hakkında her şeyi yapılandırın. İçerik – Ürün İçerik alanını kontrol edin. Örneğin, alıcı filtreyi uyguladıktan sonra “daha fazla görüntüleme” düğmesini ekleyebilir veya ürünü yeniden hesaplayabilirsiniz. Bu eklenti ayrıca ürününüzü görüntülemek için kısa bir kod sağlar, bu da özel bir filtre sayfası oluşturmak istiyorsanız yararlıdır.

Yükleyici – Ajax kullanırken bir filtre uygulanırken görünen yükleyici simgesini ayarlayın/devre dışı bırakın.

Son tasarım ayarlarını yapılandırarak, filtrenizin stilini yapılandırmak için Tasarım sekmesini açabilirsiniz. Burada bazı önemli seçenekler:
Varsayılan eklenti stilini veya tema stilinizi kullanarak.
Geniş ve yüksek yapılandırma.
Özel CSS veya JavaScript ekleyin.
Diğer sekmeler – bloklar, başlıklar ve düğmeler – hepsi isteğe bağlı. İsterseniz, bu alan için özel bir stil etkinleştirebilirsiniz, böylece tüm stil ayarlarını kendi seçiminizle bulabilir. Burada özel stili etkinleştirirseniz görünüyor:
Filtrenizi bu noktada görüntüleyin, neredeyse bitmişsinizdir – geri kalan filtrenizi yalnızca alıcıya görüntüler. WooCommerce ürün filtreleri bir kez daha size bunu yapmak için bazı seçenekler sunar:
Orijinal WordPress Widget
Eleman widget

Kısa kod

PHP işlevi
Örneğin, özel bir WOO ürün filtresi widget’ı eklerseniz, hangi filtrenin açılır kullanılarak görüntüleneceğini seçebilirsiniz:
Ve bu dükkanın dükkan tarafındaki filtre – tema tarzımı devralacak şekilde yapılandırıyorum:
Kısa kod ve PHP yöntemleri de oldukça açıktır. Ama elementin entegrasyonuna daha fazla bakalım, çünkü çoğunuzun mağazanızı tasarlamak için WooCommerce Builder Elementor’ı kullanabileceğini biliyorum. Burada, WooCommerce Builder Elementor’ı kullanarak bir ürün arşiv şablonu yaptım. İlk olarak, tüm ürünlerimi görüntülemek için sol sütuna ürün arşiv widget’ı eklediğim iki sütun tasarımı yaptım. Ardından, filtreyi görüntülemek için sağ sütuna yeni bir Woofilters widget’ı ekleyebilirim. Ayrıca, iyi bir bonus olan Elementor arayüzünden ayrılmadan filtrenizi de oluşturabilir ve ayarlayabilirsiniz: Elementor Style sekmesinde, her zamanki WooCommerce ürün filtresi arayüzünden tüm seçeneklere de erişebilirsiniz. Gelişmiş Elementor sekmesi, tasarım sekmesinin tüm seçeneklerini verir (tüm Elementor normal seçenekleriyle birlikte). Genel olarak, bir element kullanıyorsanız, bu widget tasarımınıza ürün filtrelerini dahil etmek çok rahattır. WooCommerce Filtre Filtre Fiyatları Filtresi WooCommerce Ürünleri, WordPress.org adresindeki ücretsiz sürümde ve daha fazla özellik ekleyen premium sürümde gelir. Ücretsiz sürüm temel özelliklerin çoğunu içerirken, premium sürüm, arama kutuları ve onay kutusu listeleri (çoktan seçmeli) ve ürün özniteliklerini filtrelemek için simgelere sahip ürünleri filtrelemek için daha fazla seçenek sunar. Bir profesyonel kullanmak istiyorsanız, üç plan vardır. Paketin aynı özelliği var-tek fark, eklentileri kullanabileceğiniz kaç sitenin:
1 site – 49 $
5 Site – 99 $

Sınırsız Site – 199 $