Bir Elementor ile Özel Wooocommerce Mağazası sayfası nasıl oluşturulur
Bildiğiniz gibi. Elementor Pro, kodlamadan WooCommerce ile özel bir E-Niaga web sitesi oluşturmanızı sağlayan bir Wooocommerce üreticisi ile birlikte gelir. Bu özellik, sezgisel bir arayüz sunan görsel bir Elementor düzenleyicisi kullanarak özel bir WooCommerce sayfası oluşturmanıza olanak tanır. Yazma sırasında (8 Haziran 2021), mağaza sayfaları, tek ürün sayfaları ve ürün arşiv sayfaları (etiketler ve kategoriler) için özel bir sayfa oluşturabilirsiniz. Hemen, ödeme sayfası ve sepet sayfası için özel bir sayfa oluşturabilirsiniz. Bu makalede, Elementor Pro’dan WooCommerce Bina özelliklerini kullanarak bir Kustom WooCommerce Shop sayfasının nasıl oluşturulacağını göstereceğiz.
Mağaza sayfasının kendisi WooCommerce’in varsayılan sayfalarından biridir. Sayfa, ürününüzü görüntülemek için bir mağaza görevi görür. Sayfaya gidip sayfaya erişebilirsiniz. Varsayılan olarak, WooCommerce Shop sayfasında yalnızca WooCommerce ürünleri görüntülenir. Elementor Pro kullanarak özel bir mağaza sayfası oluşturma, mağazanızı daha çekici hale getirmek için öğeler ekleyebilirsiniz. Elementor ile WooCommerce Özel Mağaza Sayfası Nasıl Oluşturulur Bir WooCommerce Özel Mağaza sayfası oluşturmak için kullanabileceğiniz en az iki Elementor Widget vardır: Ürün ve Ürün Arşivleri. Bu örnekte, sonuncusunu kullanıyoruz.
Ürün widget işlevi post widget’a çok benzer. Fark, ürün widget’ının WooCommerce ürünlerini görüntülemek için kullanılmasıdır, yazılar widget’ları blog yayınlarını görüntülemek için kullanılır. Bir ürün widget’ını yalnızca WooCommerce eklentisi yüklenmiş ve etkinleştirilmişse bulabileceğinizi lütfen unutmayın. Bir Elementor Pro kullanarak WooCommerce Custom Shop sayfası oluşturmaya başlamak için önce WordPress Gösterge Tablonuzda bir şablon -> tema üreticisi açın. Tema Maker sayfasındaki Ürün Arşivi sekmesini tıklayın ve Yeni Ürün Arşivi düğmesini tıklayın. Şablon adınızı verin ve Şablon düğmesini tıklayın.
Yeni ürün
Satış
Üst
Manuel seçim
Ayrıca ürün dizisini ayarlayabilir veya belirli ürünleri hariç tutabilirsiniz.
Sütun ve satır sayısını ayarlamak için içerik bloğunu içerik sekmesinin altındaki açabilirsiniz. Bu bloktan, inicination’ı da etkinleştirebilirsiniz. Ürün widget’ından en iyi ayarları alana kadar Ayarlar Paneli ile oynayabilirsiniz. Ürün widget’ını bitirdikten sonra sayfanıza başka bir widget ekleyebilirsiniz. Sayfayı düzenlemeyi bitirdikten sonra, Ayarlar panelinin alt tarafındaki yayın düğmesini tıklayabilirsiniz. Durum Ekle düğmesini tıklayarak ekran koşullarını ekleyin. Özel bir mağaza sayfası oluşturmak istediğiniz için mağaza sayfası seçeneğini seçin. Değişiklikleri kaydetmek için Kaydet ve Kapat düğmesini tıklayın.
Bu noktada bir Elementor Pro kullanarak özel bir WooCommerce mağazası sayfası yapmayı başardınız. Sonuçları kontrol etmek için sizinkine gidebilirsiniz. Ürün widget’larını düzenleme sayfaları yayınlamadan önce, ürün widget’ını daha çekici hale getirmek için ayarlayabilirsiniz. Ürün widget’ını ayarlamak için tuval alanındaki widget’ı tıklayın ve Ayarlar panelindeki Stil sekmesini açın. Aşağıdaki gibi açabileceğiniz dört blok vardır:
Ürün Sütun ve satır arasındaki mesafeyi ayarlamak için bu bloğu açabilirsiniz. Bu bloktan, tipografiyi (yazı tipi ailesi, yazı tipi boyutu, vb.) Ve ürün başlıkları, ürün fiyatları, ürün sıralaması vb. Ayrıca ürün görüntü sınırını da ayarlayabilirsiniz, KutuBu bağlamda, kutu her ürünün kabını ifade eder. Kabın genişliğini, sınır yarıçapını, kutunun gölgesini, arka plan rengini, sınırın rengini vb.
Pagel
İçerik bloğundan sayfalandırma seçeneğini etkinleştirirseniz, sayfalandırmayı ayarlamak için sekme stilinde sayfa bulma bloğunu açabilirsiniz. Mekanlar, sınır renkleri, arka plan renkleri vb. Gibi şeyleri ayarlayabilirsiniz. Her eyaletteki farklı ayarları ayarlayabilirsiniz (normal, havada ve aktif). Flash satışlar
WooCommerce’a yeni bir ürün eklerken, ziyaretçilere ilgili ürünlerin indirimli olduğunu göstermek için satış fiyatı özniteliğini ayarlayabilirsiniz. Güçlendirmek için, indirimli ürünün rozet satışına sahip olacak şekilde satış özelliğini mağaza sayfasında görüntüleyebilirsiniz. Satış rozetini güzelleştirmek için satış flaş bloğunu açabilirsiniz. Metin rengi, arka plan rengi, tipografi, sınır yarıçapı, boyut (genişlik ve yükseklik), mesafe vb. WooCommerce Builders’ın alt çizgisi, Pro Elementor tarafından sunulan özelliklerden biridir. Bu özellik, kodlamadan WooCommerce ile benzersiz olan özel bir E-Niaga web sitesi oluşturmanıza olanak tanır. WooCommerce için tasarlandığını iddia eden WordPress temasını yüklemeye gerek yok. Bunun yerine, Visual Elementor düzenleyicisini kullanarak özel bir WooCommerce sayfası oluşturabilirsiniz.
