Wooocommerce dükkanı şablonu nasıl ayarlanır
WooCommerce Shop sayfasının varsayılan tasarımı Standard’a göre değildir. Bu, geçerli WordPress temasından varsayılan arşiv.php şablonunu izler. Varsayılan şablonu sevmiyorsanız sorun değil. Ancak soru, WooCommerce Shop sayfası şablonunun nasıl oluşturulacağı veya ayarlanacağıdır. WooCommerce Shop sayfası şablonunu oluşturmanın veya ayarlamanın iki yolu vardır. İlk yol, WooCommerce Blocks ProductX gibi eklentileri kullanarak bir mağaza şablonu oluşturmaktır. Veya temel kodlama bilginiz varsa bir şablon yapabilirsiniz.
Doldurma gizle
1 Woocommerce Shop sayfaları şablonunu oluşturun ve ayarlayın
1.1 Adım-1. Çocuk Teması Oluşturun
2 adım. Woocommerce Shop sayfası şablonu oluşturun
3 Adım-3. Wooocommerce Shop sayfası şablonunu ayarlayın
4 ProductX kullanarak Woocommerce Shop sayfa şablonunu oluşturun ve ayarlayın
4.1 Adım-1. Ürünleri yükleyin
4.2 Adım-2. Maker Addon’u aç
4.3 Adım-3. Yeni bir Woocommerce Shop sayfası şablonu oluşturun
4.4 Adım-4. Wooocommerce Shop sayfası şablonunu ayarlayın
4.4.1 Yeni Başlayan Paket İthalat
4.4.2 İçe Aktarma Bloğu
4.4.3 Kraliçenin Yapımcısını Keşfedin
4.4.4 Ürün filtresini ekleyin
4.4.5 Sayfa ekle
4.4.6 Resim Geri Özellikleri
4.4.7 İstek Listesi Özellikleri
4.5 Hızlı Ekran Özellikleri
WooCommerce Shop Sayfa Şablonları Oluşturma için ProductX’in 5 Avantajı
6. Sonuçlar
Kodlama hakkında bilginiz varsa, WooCommerce Shop sayfası şablonunu oluşturun ve ayarlayın, o zaman aşağıdaki adımları izleyerek bir WooCommerce sayfa şablonu kolayca yapabilirsiniz:
Adım 1. Çocuk teması oluşturun, mevcut sitemizin temasıyla oynayacağımız için, çocuk yapmanız ve ana tema yerine ayarlamanız tavsiye edilir. Çünkü değişiklik yaparken site yapısına zarar verebiliriz. Başka bir sorun, tema dosyasına özel bir kod eklersek, kod yeni bir güncelleme ile silinecektir. Her şeyden önce, tema dosya yolunuzda (WP-Concent/Themes/) yeni bir klasör oluşturmalı ve bunun için adlandırmalısınız. Bu çocuğunuzun teması olacak. Klasörü açın ve bir metin dosyası oluşturun ve aşağıdaki kodu yapıştırın. Tema Adı: Storefront Çocuk Tema Tema Uri: https: //www.wpxpo.com/ Açıklama: Bir mağaza çocuk teması Yazar: WPXPO Yazar Uri: https: //www.wpxpo.com Şablon: Storefront Versiyon: 1.0.0 Metin Etki Alanı : StoreFrontchild Şimdi başka metin dosyaları ve ad işlevi oluşturun. } Add_action (‘wp_enqueue_scripts’, ‘schoolfront_styles’); Şimdi hepsi sitenizin görünümüne/temasına gittiğinizde ve çocuk teması ve vitrin vitrinin iki versiyonunu göreceksiniz. Adım 2. Bir Woocommerce Shop Sayfa Şablonu Oluşturma Şimdi bir çocuk teması yaptınız, bir mağaza sayfası şablonu yapmanın zamanı geldi. Bunun için site cpanelinizi açın ve alt tema dosyasını açın. Bir mağaza sayfası şablonu olacak bir arşiv-ürünü olarak bir dosya ve ad oluşturun.
Aşama 3. Sitenizdeki mağaza sayfasına göz atarsanız, WooCommerce Şablon Mağazası sayfalarının şablonunu boşaltın. Kendi kodunuzu yazarak bir şablon oluşturabilir veya kodu tek bir sayfa şablonundan kopyalayıp başlamak için yeni bir şablona ekleyebilirsiniz. Artık mağaza sayfalarını görebilirsiniz ve oldukça hasarlı göründüğünü fark edersiniz. Ancak aşağıdaki kodla düzeltme konusunda endişelenmeyin. Bu kodu doğru uygulamak için: Şablonları düzenlemeye başlayın (archive-prudand.php).
Yukarıdaki kodla ve <! – #Main → arasındaki kodu değiştirin.
Kodu değiştirdikten sonra, görünümü kontrol etmek için mağaza sayfasını yenileyin. Ürünün koda göre organize bir şekilde görüntülendiğini göreceksiniz. Sınır değerini ve ürün sütununu değiştirerek ürün ve sütun sayısını da artırabilirsiniz. Bir geliştirici değilseniz veya kod yazmayı sevmiyorsanız, WooCommerce Shop sayfa şablonunu ürünx kullanarak oluşturun ve ayarlayın, o zaman ikinci yöntem sizin için mükemmeldir. Bu yöntemde, Gutenberg WooCommerce Blocks ProductX eklentisini kullanmanız gerekir.
Özel arşivler, mağazalar ve tek ürün sayfaları oluşturmak için özel bir WooCommerce Builder eklentisi sunar. Yeni bir WooCommerce Shop sayfası şablonu oluşturmaya başlamak için aşağıdaki adımları izleyin. Adım 1. ProductX'i Yükle Addon WooCommerce Builder'ı kullanmak istiyorsanız, ProductX eklentisini WooCommerce sitenize yüklemeniz gerekir. Öyleyse:
Eklenti bölümüne gidin ve yeni eklenen düğmesini tıklayın.
Ürünleri bul.
Yükle düğmesini tıklayın.
Kurulumdan sonra Etkinleştir düğmesini tıklayın. Ürün taksiti Adım 2. Eklentiyi yükledikten sonra eklentiyi açın, eklenti WooCommerce Builder'ı etkinleştirmeniz gerekir. Öyleyse:
Tüm Adon bölümlerini açın.
Maker Addon'u açın.
İnşaatçı bölümüne gidin.
Yeni Eklenen düğmesine tıklayın.
Mağaza olarak oluşturucu türünü seçin.
Kurtarın ve düzenlemede yıldız.
Yeni bir WooCommerce Shop Sayfa Şablonu Adım-4 oluşturun. WooCommerce Shop sayfası şablonunu şimdi ayarlayın, mağaza sayfasını en baştan ayarlamaya başlayabilirsiniz. Bunun için Shop Prime paketini içe aktarabilir veya bir ürün bloğu ekleyebilirsiniz.
ProductX, WooCommerce Shop ürünlerini göstermek için iki tür ürün bloğu, ürün ızgarası ve ürün sürücüleri sunar. İlk paket birkaç ürün bloğunun bir kombinasyonudur. Böylece, kendi kombinasyonunuzu yapmak için birkaç blok da ekleyebilirsiniz. Başlangıç Paketlerini İçe Aktarma İlk paketinizi içe aktarmak istiyorsanız, blok kitaplığını tıklayın ve Prime Paketi’ni keşfedin. Hangisini eklemek istediğinize karar verin ve İçe Aktar düğmesini tıklayın. İçe Aktar düğmesine tıkladıktan sonra, ana paket mağaza sayfasına eklenecektir. Sayfayı güncelleyin ve görünümü kontrol edin.
Yeni başlayanlar içe aktarma bloğu paketi Prime paketi kullanmak istemiyorsanız, ürün şebekesini de içe aktarabilirsiniz ve ürün kaydırma bloğu depo sayfasını ihtiyaçlarınıza göre ayarlar. Bunun için artı simgesini ve istediğiniz blokları içe aktarın. Bloğu İçe Aktarma Bloğu içe aktardıktan sonra Ayarlar bölümünü kullanarak ayarlayabilirsiniz. Her blok için birkaç ayar seçeneği vardır. Sorgu Makinesi’nin sorgu üreticisini keşfedin Ürün sayısını seçmek için kullanılır ve en çok satılan, en çok satılan, en çok değerlendirilen, rastgele, vb. Ürünü sıralamak için:
Sorgu ayarlarına gidin.
Sorgunun üreticisini keşfedin Bir ürün filtresi ekleyin Ürün X ürününün kategorilere ve etiketlere dayalı beş güçlü bir filtre sunar. Böylece ziyaretçiler, tüm sayfayı yeniden yüklemeden çeşitli ürün türlerini keşfedebilirler.
Ürün filtreleri eklemek için:
Genel ayarları açın.
Filtre seçeneğini etkinleştirin.
Filtre türü/etiket türünü seçin.
Belirli kategorileri/etiketleri veya birkaçını seçin.
Ürün filtrenizi ekleyin Kategoriye veya etikete satış, en yüksek değer, üst sıralama, üstün, yeni gelen vb. Ayarlama seçeneği:
Tesviye seçimi.
Filtre metni için istenen renk.
Sınır yarıçapı, kenar boşluğu ve yatak.
Römorkörün rengi.
Ürün eklex paginasyonları, tüm sayfaları yeniden yüklemeden ürün sayısını artırmak için Ajax Power Pagination da sunar. Paginasyon eklemek için: Genel ayarları açın.
Sayfa seçeneğini etkinleştirin.
Sayfa türünü seçin.
Ayar seçeneğini ekleyin Pagination:
Paginasyonlar metin rengi.
Arka plan rengi.
Sınır, marj ve peding yarıçapını ayarlayın.
Flipper Flipper Addon Flipper Görüntü özelliği, Flip Image özelliğini Woocommerce mağazasına girmenize yardımcı olur. Bu nedenle, ziyaretçiler imleci bir görüntüye yönlendirdiğinde, ürün görüntüsü başka bir görüntüye tersine çevrilecektir. Varsayılan olarak, ürün görüntüsü ürün galerisi görüntüsünün ilk görüntüsüne geri döner. Ancak, istenen görüntüyü de seçebilirsiniz.
Eklentilerin tüm bölümlerine gidin.
Addon resmini geri açın.
İstenen ürün bloğu için flip resmini açın.
Bir ürünü düzenlerken istenen görüntüyü ekleyin.
Bu özelliği eklemek için arzuların listesi:
ProductX’teki tüm adonları açın.
Addon Wish listesini açın.
İstek Listesi sayfasını oluşturun ve yapılandırın.
İstek listesini genel düzenlemeden etkinleştirin.
Ayarlama seçeneği:
WisList düğmesi rengini seçin
Düğmenin arka plan rengini seçin
Hızlı Ekran Özelliği ProductX’ten Hızlı Görünümü, Woocommerce mağazanızdaki Quick View ürün özelliğini girmenize yardımcı olur.Böylece ziyaretçiler, mağaza/arşiv sayfasından ayrılmadan fare havzası ile ürünün temel ayrıntılarını bulabilirler. Bu özelliği eklemek için:
ProductX’teki tüm eklentileri açın
Addon Hızlı Ekranı’nı açın
Genel toplantılardan hızlı ekran özelliğini etkinleştirin
Ayarlama seçeneği:
Metin rengi
Arka plan rengi
Dolum ayarını ayarlayın
Bir WooCommerce Shop sayfası şablonu oluşturmak için ProductX’in avantajları tek bir çözümde: ProductX Gutenberg WooCommerce Blocks, ayarlanmış bir wooCommerce mağazası oluşturmak için eksiksiz bir çözümdür.Yani, bir mağaza sayfası şablonu yapmak için kullanırsanız;
Ayrıca başka birçok şekilde de fayda sağlayabilirsiniz. Çevrimiçi mağazalar için gereken tüm özellikleri sunar. Böylece tasarruf barındırma kaynakları üreten 5-7 önemli eklentileri ortadan kaldırabilirsiniz. Kodlama Bilgisi olmadan: Daha önce de belirttiğim gibi, ProductX eklentisini kullanırken bir kod yazmanız gerekmez. Sorun değil, bir mağaza sayfası için bir şablon yapmak istiyorsunuz veya tek bir ürün sayfası her şeyin yapılması kolay ve ayarlanabilir. Konuşma seviyesi: ProductX eklentisinin tüm özellikleri ve Pro eklentileri dönüşüm oranını artırmak için iyi yapılmıştır. Ancak, daha iyi müşteri deneyimi sağlamak için etkili bir şekilde kullanmanız gerekir. Hazır Gutenberg: Gutenberg editörünün kullanımı hızla artar. Bu varsayılan WordPress editörü, Elementors, Divi, Oxygen, vb. Gibi popüler sayfalarla rekabet etti. Son zamanlarda, yirmi yirmi iki temanın tam site düzenleme yeteneğini tanıttılar. Bu nedenle, Gutenberg için hazır, ProductX kullanıcıları için büyük bir avantajdır. Birçok büyük WordPress oyuncusu dediği için Gutenberg, WordPress’in geleceğidir. Ortalama sipariş değeri: Ortalama sipariş değeri, her satın alma işleminin ortalama harcamalarını ifade eder. Bunun doğrudan e -ticaret sitesinin toplam geliri üzerinde etkisi vardır. Bu yüzden tüm çevrimiçi mağaza sahipleri her zaman geliştirmeye çalışır. ProductX, ortalama sipariş değerini artırmak için Woocommerce mağazanızı optimize etmeye yardımcı olabilir. Düzenli Güncellemeler: