Divi Otomatik Onarım Düzeni Paketine Araç Yedek Parçaları Arama Nasıl Eklenir
Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi düzen paketi veriyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki seviyeye getirmenize yardımcı olacak kullanım durumlarını da paylaşıyoruz. Bu hafta, Sürdürülebilir Divi Tasarım Girişimimizin bir parçası olarak, Divi Otomatik Onarım Düzeni paketine araç yedek parçaları aramanın nasıl ekleneceğini göstereceğiz. Bu, web sitenize gelen ziyaretçilerin tüm dükkan ürünlerinizi kolayca gezinmesine izin verecektir. Markalara, modellere, yıllara, makinelere veya kategorilere göre arama yapma olanağına sahip olacaklar. Ziyaretçiler aradıkları doğru ürünü ne kadar kolay bulabilirse, bu ziyaretçilerin sayfanızı ziyaret etme olasılığı o kadar yüksek olur.
Sneak Peek Kullanım Kılıfı öğreticisine girmeden önce, sonucuna bakalım.
Body Font: Montserrat
Vücut bağlantılarının rengi: #f6961b
Bölüm 4: Kenar Çubuğuna Araç Parçaları ve Sepetler Aramasını Ekleyin Adım 1: Araç parçaları için arama yapmak için widget’ın ilk kısmını açın Kenar çubuğunuza bir widget ekler. Bu şekilde, insanlar ürünü izlerken bile, hemen başka bir arama hazırlama olanağına sahip olacaklar. Görünüm> widget’lar girerek başlayın. Adım 2: Widget’ı şu anda yan tarafta silin, ardından tüm widget’ları şu anda yanınızda silin. Eklemek istediğimiz sadece iki şey araç parçaları ve arabalar arayışıdır. Adım 3: Kaydırma yanlarına widget’ınızın altına bir araç parçaları arayan ekleyin. Eklentinizi yükledikten ve etkinleştirdikten sonra, widget’ınızda araç parçaları arayanlar görünecektir. Bunu kenar çubuğunuza ekleyin, dikey bir ekran kullanın ve ‘yıl’ filtresini etkinleştirin. Tercihlerinize bağlı olarak diğer seçenekleri de etkinleştirebilirsiniz. Adım 4: Kenar çubuğuna bir sepet ekleyin, bir sepet widget’ı da bulun ve kenar çubuğunuza ekleyin. Bölüm 5: CSV Dosyalarının Örneklerini İndirin, Kendi Yapın ve Yükle Adım 1: CSV İçe Aktar ‘ı Şimdi Bir Araç ve Sepet Parçaları Arama Widget’ımız var, bizim tarafımızda, web sitenize eklemek istediğiniz çeşitli terimlere odaklanmaya başlayabiliriz. Bu eklentide bulabileceğiniz dört tür terim vardır: Make Model
Yıl
Makine
Bu terimler birbirini takip eder. Önce Make, sonra modeli takip edin, ardından yıl izleyin ve motor tarafından sona erdirin. Tüm bunları manuel olarak ekleyebilirsiniz, ancak kolaylaştırmak için bu eklenti, CSV’yi tam olarak aynı bilgilerle yüklemenizi sağlar. VPF> İçe Aktarma CSV’yi açarak başlayın.
Adım 2: Örneği indirin Oradayken, bir örnek CSV indirme başlatacak bir bağlantı göreceksiniz. Lütfen ve örneği indirin.
Adım 3: E -tabloyu ürününüze göre değiştirin, ardından listeyi web sitenizdeki kendi ürününüze göre değiştirmeye başlayın. Öğe ürün sütununu kullanarak markalara, modellere, yıllara ve makinelere birkaç ürün ayarlayabilirsiniz. Ürün sayfalarınızı bunun için kullanın ve ürününüzü virgül kullanarak ayırın. Adım 4: Yeni ve son CSV’yi yükleyin, bu değiştirilmiş CSV’yi yükleyin. Eğer gereksinimlerinize bakın, eklentinize çok zaman kazandıran tüm bunların otomatik olarak eklendiğini göreceksiniz. Bölüm 6: Yeni ürünlere VPF hükümleri oluşturun Manuel olarak Adım 1: CSV yükledikten sonra yeni bir ürün eklerseniz, terimi manuel olarak ayarlayabilirsiniz. Yeni ürünler oluşturduktan ve genel adımlarla (üstün resimler, galeriler, açıklamalar, başlıklar ve fiyatlar eklemek gibi) her ürünü tek tek açın. Orada, markanızı, modelinizi, yıl ve motor makinenizi seçebilirsiniz. Her yeni ürün için bu adımı tekrarlayın. Bölüm 7: Mağazaya kısa bir kod ekleyin ve görünümü değiştirme Adım 1: Mağaza sayfasını görsel bir oluşturucu ile açın Tüm ürünleriniz doğru terimle bağlantılı olduktan sonra, mağaza sayfanıza bir araç yedek parça ekleme zamanı. Bunu yapmak için önce görsel oluşturucuyu etkinleştirin. Adım 2: Bir sütun satırı ekleyin, ardından sayfalarınızın iki bölümünün başında bir satırla bir sütun ekleyin. Adım 3: Daha iyi görünen sonuçları yapmak için dolgunun tepesini çıkarın, üzerinde çalıştığınız ikinci parçanın üst dolgusunu silin. Adım 4: Kısa Kod Arama Arama ARAMALI Yeni Bir Metin Modülü Ekle Bir sonraki sütuna, metin modülünü yeni oluşturduğunuz satıra ekleyin ve içerik kutusuna aşağıdaki kısa kodu yerleştirin: [WOO_VPF_FILTER TITLE = “Araç Parçaları Bul “view =” h /v “label_make =” seç “label_model =” model seç “show_year =” true “label_year =” yıl “show_engine =” true “label_engine =” motor seç “show_category =” true “label_category” fal “Label_keyword =” ürün adı “show_my_vehicles =” “label_search =” sea “label_reset_search =” reset search “] Sayfanızda araç parçaları araması yapacak. Bu kısa kodda varsayılan divi seçeneğini kullanarak. Yapacağımız ilk şey, aşağıdaki ayarları kullanarak bağlantının metnini değiştirmektir: Bağlantı yazı tipi: Montserrat Bağlantı Metin Boyutu: 13px Renkli Metin Bağlantısı: #1E7BD0 Adım 6: 2 metin ayarına doğru, otomatik onarım düzeni paketiyle eşleşen aşağıdaki ayarları kullanarak Başlık 2’nin metin ayarlarını da değiştireceğiz:
Başlık 2 Yazı Tipi: Montserrat
Başlık 2 Metin Seviyesi: Orta
Başlık 2 Metin Boyutu: 33px Başlık 2 Renk Metni: #F7A439
Başlık 2 Sıra Yüksekliği: 2.2em
Adım 7: Bir sonraki boyutta, masaüstü için ‘%100′ değil ’61’ genişliği ‘kullanarak araç genişliğini daha küçük hale getireceğiz. Tabletler ve cep telefonları için genişlik ‘%100’ kalmalıdır. Merkezi modül hizalamasını da kullanın.
Adım 8: CSS Özel Son fakat en az değil, düğmenin otomatik onarım düzeni paketiyle de eşleşmesini istiyoruz. Ne yazık ki, bu üçüncü taraflı bir eklenti olduğundan, Divi Builder ile değiştiremeyiz. Bu yüzden WordPress Dashboard> Divi> Tema Seçenekleri> Genel sekmesini aşağı kaydırarak birkaç ek CSS kod satırı ekleyeceğiz> CSS Kustom kutusuna aşağıdaki CSS kod satırını ekleyin: .WOO-VPF-Field Giriş [Tür = “Gönder”] {
Sınır: Yok;
Dolgu-sol: 30px; Dolgu-sağ: 30px; Dolgu Alt: 10 piksel;
Dolgu Top: 10 piksel;
Arka plan: #F7A439;
Beyaz renk;
Metin-Transform: büyük harf;
Yazı tipi-ağırlık: kalın;
Border-Radius: 2px;
}
Blog gönderme durumundaki son zihin Bu kullanım, size Divi Otomatik Onarım Düzeni Paketinin sayfalarına nasıl araç yedek parçaları ekleyeceğinizi gösterdik. Bu kullanım durumu, tasarım ekibimizin her hafta sizinle yeni bir düzen paketini paylaştığı Divi girişimimizin bir parçasıdır. Eğer soruların varsa; Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
