Divi Woocommerce sayfanız için filtrelenmiş bir kenar çubuğu nasıl yapılır
Bir sayfa üreticisiyle oluşturduğunuz sayfaya filtrelenmiş bir kenar çubuğu wooocommerce eklemeye çalıştıysanız, filtrenin sayfanızda görünmediğini fark edebilirsiniz. Hangi sayfa üreticisini kullandığınız sorun değil, filtre görüntülenmeyecektir. Bunun nedeni, widget’ın sayfa yapımcıları ile uyumlu olmamasıdır. Bu makalede, Divi Builder veya diğer sayfa yapımcılarıyla oluşturulan sayfalar için bir WooCommerce kenar çubuğunu filtrelenmenin kolay bir yolunu göreceğiz. Standart WooCommerce Side Bilah
WooCommerce, filtrelenebilen birkaç widget içerir.Özelliklere dayalı ürün filtresi
Fiyatlara dayalı ürün filtreleri
Sıralamaya göre ürün filtresi
Bu widget, sıradan WordPress temalarında iyi işlev görür, ancak sayfa yapımcılarıyla oluşturulan sayfalarda görüntülenmez. WordPress teması Filtrelenmiş bir widget, sıradan bir WordPress temasıyla oluşturulan bir sayfada iyi işlev görür. Yirmi on yedi, zorluk çekmeden kenar çubuğunda görüntüler. Renk ve fiyat içeren wooocommerce örnek verilerini kullanıyorum. Filtre ürünleri özelliklere ve fiyatlara göre çok belirgindir. Bu, Divi Builder’ı kullanmadan varsayılan WooCommerce Shop sayfasını görüntüleyen Divi’dir. Bu, diğer normal temalar gibi bir filtre widget’ı gösterir.
Bir yapımcı ile oluşturulan WordPress Maker sayfası WooCommerce Filtre Widget’ı görüntüleymez. Kenar çubuğunun inşaatçıda veya standart bir kenar çubuğu olarak görüntülenmesi farklı değildir. İşte bazı örnekler. Bu sayfa Beaver Builder ile oluşturulmuştur. Bu yan çubuğu içerir, ancak filtre görüntülenmez. Bir metin widget’ı ekledim, böylece filtre widget’ı olmadan görüntülenen yan çubuğu görebilirsiniz. Doğrudan görülecek bir sayfa yayınladım, ancak farklı değildi. Bu Elementor ile inşa edildi. Ürünün üzerindeki yan çubuğu ekledim. Bu, metin widget’ını gösterir, ancak filtreyi göstermez. Ayrıca ilk elden görmek için bir sayfa yayınladım ama hiçbir fark yoktu. Bu aynı yan çubuğu gösteren Divi Builder. Bir eklenti veya Divi Builder temasının kullanılması aynı sonuçlara sahiptir. İlk elden görmek için bir sayfa yayınladım, ancak filtre hala görüntülenmiyor. Neyse ki yapımcı tarafında WooCommerce filtrelerini gösteren, bir sayfa üreticisi ile bir ürün sayfası oluştursanız bile, WooCommerce ürün filtrelerini yanda görüntülemenin kolay bir yolu vardır. Woocommerce ürün filtresi adlı bir eklentiye ihtiyacımız var. Themify – WooCommerce Ürün Filtresi Wooocommerce ürün filtreleri, standart WooCommerce ürün filtresi widget’ından farklı çalışan Themify’dan ücretsiz eklentilerdir. Kolayca bazı filtre kombinasyonları oluşturun. Sürükleme ve gevşek form üreticisi ile bir form oluşturun. Dikey veya yatay düzene ayarlayın, web sitenize uygun sütun ve stil sayısını seçin. Bu doğrudan arama sonuçlarını gösterir ve birçok seçenek içerir. Bu, tüm tema yapıcılarla kullanmak ve çalışmak sezgiseldir. Yeni bir ürün filtresi oluşturun
Eklentiyi WordPress depolama alanından yükleyin. Gösterge Tablosu menüsünde Ürün Filtresi> Filtre Ürünleri> Yeni Ekle. Bir filtre yapmak için ihtiyacınız olan her şeyle sermaye elde edeceksiniz. Kısa kodunuzu oluşturmak için ayarları açın. Üç filtre widget’ına sahip olmak yerine, bu filtre, birkaç widget oluşturmak için özel olarak birkaç filtre türü yapabilir. Filtreyi açıklayan bir başlık verin. Boş alanlar, ürün sıralaması, ürün sayısı ve stok olmayan ürünleri görüntülemek için dikey veya yatay düzen arasından seçim yapın. Saysama olup olmadığını seçin ve standartlar, sınırsız kaydırma aralarında seçin veya daha fazlasını içerir. Sayfa başına ürün sayısını girin. Bir alan grubu oluşturmak isteyip istemediğinizi, sonuçlara kaydırmak, mantık veya taksonomi arasında seçin ve sonuçlar geçerli sayfada veya yeni bir sayfada görüntüleniyorsa seçin. Yeni bir sayfa seçerseniz, sayfayı listeden seçebilirsiniz. Filtrenin yeni bir sayfada olup olmadığını da seçebilirsiniz. Bir seçim yaptıktan sonra bir form oluşturmalısınız. Bu, filtrenin yanda nasıl görüneceğini belirleyecektir. Alanın her öğesini ekran oluşturma kısa kodunun altındaki alana sürükleyin.
Her öğe bir dizi yeni özellik açar. Her biri farklıdır, ancak çoğunun benzer bir seçeneği vardır. İşte bir kategori ekranı. Bir başlık verin. İsterseniz başlığı gizleyebilirsiniz. Ürün sayısını, kategori hiyerarşisini görüntüleyip göstermeyeceğinizi seçin ve çocukları ekleyin. Filtreleri onay kutuları, bağlantılar, radyo düğmeleri, aşağı indirme kutuları veya çok seçilmiş olarak gösterin. Mantık seçin, sipariş sırasını ayarlayın ve sütun sayısıyla düzeni seçin. Metnin rengini ayarlayın. Ayrıca hangi kategorinin dahil edileceğini veya hariç tutulacağını da seçebilirsiniz. Renk seçerseniz, simge her ürün kategorisinin rengini tek tek ayarlayabileceğiniz bir dizi renk seçmeni açacaktır. Rengi arka plan ve metin için ayarlayın. Seçicinin rengini seçebilir veya sahaya altıgen kodunu girebilirsiniz. Alanı istediğiniz sırayla çekebilir ve serbest bırakabilirsiniz. Bir filtre yaptıktan sonra Kaydet’i seçin. Sermayeyi kapatın ve filtrenizin listeye eklendiğini göreceksiniz. Bu, filtredeki alanların adını, kısa kodu ve listesini verir. Filtreleri düzenleyebilir, dışa aktarabilir veya silebilirsiniz. Kısa kodu kopyalayın. Metin widget’ını yan çubuğunuza ekleyin ve kısa koda yapıştırın. Filtreler artık yapımcı ile yapılan bir mağaza sayfasında görüntüleniyor. Bu, Divi Builder ile sayfa. Aşağıdaki filtreler, yirmi on altı temasıyla Beaver Builder tarafından oluşturulan sayfada görüntülenir. Aşağıdaki filtreler yirmi on yedi temada elementleri olan filtreler. Bu yatay bir düzen kullanır. TEMIFY – WooCommerce Ürün Filtresi Divi Düzenli Divi, aralarından seçim yapabileceğiniz birçok mağaza düzeni var. Bu örnekte, mobilya mağazası mağazası sayfasına bir metin modülü ekledim ve filtre kısa kodunu metin modülüne yerleştirdim. Yan çubuk modülünü seçebilirdim, ancak bu örnekte önemli değil. Bu dikey bir düzen. Bu, düzenin tasarımı ile çok uygundur. Düzeni düzen stiline uyacak şekilde ayarladım. Ne yazık ki, arama düğmesini ayarlayamıyorum. Aşağıdakiler yatay düzendir. Bu örnek hala dikey bir filtre için seçtiğim 3/2 sütun düzenini kullanıyor. İmleci yönlendirirken filtreler açılır. Bu duyarlıdır, bu nedenle sütuna sığacak dikey olarak görüntülenir. Bunun için mağaza modülünün altına bir filtre yerleştirdim. Mağaza modülünün üzerindeki aşağıdaki filtreler. İster metin modülünde ister yan çubukta kısa bir kod kullanın, Divi Modül Tasarım sekmesini kullanarak bazı stiller ekleyebilirsiniz. Bu, modül metnini düzenleyerek etiket metnini düzenleyebileceğiniz anlamına gelir. Bu örnekte, metni kırmızıya ayarladım, boyutunu artırdım ve hepsini büyük kılıf ettim. Filtre wooocommerce ürünleri Arama yapmak için kullanıcılar düğmeyi tıklatır, kutuyu işaretleyin ve aradıklarını filtrelemek için kaymayı değiştirir. Başlığı da girebilirler. Hazır olduklarında, arama düğmesine tıklarlar. Arama sonuçları Sonuçlar daha sonra ayarlarda ayarlama şeklinizi görüntüleyecektir. Bunun için, sayfanın altında görüntülemek için ayarladım. Bu otomatik olarak sonuçlara geçer ve kullanıcılara sıralama özelliğini verir.
