ev borcu WordPress sitesi
JetWooBuilder Nasıl Kullanılır
WooCommerce ile bir çevrimiçi mağaza oluştururken herhangi bir WordPress temasını kullanabilirsiniz, ancak mağazanızın görünümü beklediğinizden hoşlanmayabilir. Ücretsiz bir tema kullanıyorsanız, genellikle mağazanızı özelleştirmek için pek fazla seçeneğiniz olmaz. JetWooBuilder, kullandığınız tema ne olursa olsun mağazanızı özelleştirmenize izin veren bir eklentidir. Özellikle kodlama becerisine sahip olmayan bir WordPress kullanıcısıysanız harika bir eklentidir. JetWooBuilder ile mağazanızın her bir bölümünü tek bir kod satırına dokunmadan özelleştirebilirsiniz.
JetWooBuilder bir Elementor eklentisidir, bu nedenle tüm özelleştirme işlemleri, her şeyin sürüklenip bırakıldığı Elementor'un görsel düzenleyicisi aracılığıyla yapılır. Bu gönderide, WooCoomerce tabanlı çevrimiçi mağazanızı özelleştirmek için JetWooBuilder'ı nasıl kullanacağınızı göstereceğiz.
WooCommerce tabanlı mağazanızı özelleştirmek için JetWooBuilder nasıl kullanılır?
Başlamadan önce kısa bir giriş. JetWooBuilder, WooCommerce için özel olarak tasarlanmış birinci sınıf bir Elementor eklentisidir. Crocoblock tarafından geliştirilen bir dizi Elementor eklentisi olan JetPlugins'in bir üyesidir.
JetWooBuilder, WooCommerce mağazanızın aşağıdaki bölümlerini özelleştirmenize olanak tanır:
- Tek ürün sayfası
- Mağaza sayfası
- Ürün arşiv sayfaları (kategoriler ve etiketler)
- ödeme sayfası
- Sepet sayfası
- Başarı sayfası
- Müşteri hesabı sayfası
Yukarıda mağaza bölümleriniz için özel bir şablon oluşturabilirsiniz. Ardından, yukarıdaki varsayılan parçaları değiştirmek için oluşturduğunuz özel şablonu kullanabilirsiniz. JetWooBuilder, özel bir şablon oluştururken size zaman kazandırmak için önceden hazırlanmış birkaç şablonla birlikte gelir. Oluşturduğunuz özel şablona istediğiniz herhangi bir öğeyi (widget) ekleyebilirsiniz. JetWooBuilder'ı kurup etkinleştirdikten sonra, Elementor düzenleyicisinin sol panelinde aşağıdaki widget'lardan oluşan bir bölüm (JET WOO OLUŞTURUCU) olacak.
| Tek Sekmeler | Etiketler (Arşiv) | Sepet Boş Mesajı |
| Tek Başlık | Stok Durumu (Arşiv) | Sepet Tablosu |
| Kategoriler Tablosu | Satış Rozeti (Arşiv) | Sepet Çapraz Satış |
| Ürün Izgarası | Derecelendirme (Arşiv) | Ödeme Ödeme |
| Ürün listesi | Fiyat (Arşiv) | Ödeme Kuponu Formu |
| Taksonomi Fayansları | Alıntı (Arşiv) | Ödeme Siparişi İncelemesi |
| Tek Paylaşım | Kategoriler (Arşiv) | Ödeme Faturalandırma |
| Tek Sepete Ekle | Sepete Ekle (Arşiv) | Ödeme Gönderim Formu |
| Tek Nitelikler | Başlık (Arşiv Kategorisi) | Ödeme Giriş Formu |
| Tek İçerik | Küçük Resim (Arşiv Kategorisi) | Ödeme Ek Formu |
| Tek Alıntı | Açıklama (Arşiv Kategorisi) | Teşekkür Ederim |
| Tek Görüntüler | Sayım (Arşiv Kategorisi) | Teşekkürler Sipariş Detayları |
| Tek Meta | Ürün Sonuç Sayısı (Mağaza) | Teşekkürler Müşteri Adres Detayları |
| Tek fiyat | Ürün Sayfalandırması (Mağaza) | Hesabım Çıkış Yap |
| Tek Derecelendirme | Sayfa Başlığı (Mağaza) | Hesap Kontrol Panelim |
| Tek İlgili Ürünler | Ürün Siparişi (Mağaza) | Hesap Kayıt Formu |
| Tek İnceleme Formu | Ürün Bildirimleri (Mağaza) | Hesabım Giriş Formu |
| Tek Satış Rozeti | Ürünler Navigasyonu (Mağaza) | Hesap Adresim |
| Tekli Satışlar | Ürünler Döngüsü (Mağaza) | Hesap Siparişim |
| Başlık (Arşiv) | Sepete Dön | Hesabım İndirilenler |
| Küçük Resim (Arşiv) | Sepet Toplamları | Hesap Ayrıntılarım |
Yukarıdaki widget'ların dışında, üzerinde çalıştığınız özel şablona ihtiyaçlarınıza göre başka Elementor widget'ları ekleyebilirsiniz.
JetWooBuilder yeterince esnek bir eklentidir. İhtiyacınız olmayan widget'ları JetWooBuilder Ayarları sayfasından devre dışı bırakabilirsiniz ( JetPlugins -> JetWooBuilder Ayarları )
1. WooCommerce'de JetWooBuilder ile özel bir tek ürün sayfası nasıl oluşturulur
Daha önce de belirttiğimiz gibi, JetWooBuilder ile özelleştirebileceğiniz dört ana bölüm vardır: tek ürün sayfası, mağaza sayfası, ürün kategorisi sayfası ve ürün arşiv sayfası. Her parça için bir şablon oluşturarak bunları özelleştirebilir ve WooCommerce Ayarları sayfası aracılığıyla uygulayabilirsiniz.
Bir mağaza parçası için şablon oluşturmanın iki yolu vardır. İlk olarak, sıfırdan bir şablon oluşturabilirsiniz. İkinci olarak, önceden hazırlanmış bir şablondan bir şablon oluşturabilirsiniz. Bu makalede, önceden hazırlanmış bir şablondan her mağaza bölümü için nasıl şablon oluşturulacağını göstereceğiz.
Tek ürün sayfasından başlayalım. JetWooBuilder ve Elementor'u yüklediğinizi varsayarak, Crocoblock -> Woo Page Builder'a gidin.
Üst taraftaki Yeni Şablon Ekle düğmesini tıklayın, şablonunuza bir ad verin, önceden hazırlanmış bir şablon (düzen) seçin ve Şablon Oluştur düğmesini tıklayın.
Şablon, Elemetor tuvaline yüklendikten sonra, sol paneldeki Stil sekmesinde her bir parçacığı özelleştirebilirsiniz. Ancak önce, widget'ı bir düzenleme moduna dönüştürmek için widget tutamacına tıklamanız gerekir.
Yeni bir widget eklemek istiyorsanız, eklemek istediğiniz widget'ı sol panelden tuval alanına sürüklemeniz yeterlidir. Bir pencere öğesini kaldırmak için, kaldırmak istediğiniz pencere öğesini sağ tıklayın ve Sil öğesini seçin.
Şablonu oluşturmayı tamamladığınızda, şablonunuzu yayınlamak için sol paneldeki YAYINLA düğmesine tıklayın.
Az önce oluşturduğunuz özel ürün şablonunu kullanmak için önce WooCommerce -> Settings bölümüne gidin. JetWooBuilder sekmesini açın ve Tek Ürün bölümünde Özel tek ürün sayfasını etkinleştir seçeneğini işaretleyin ve açılır menüden şablonu seçin. En alttaki Değişiklikleri kaydet düğmesini tıklayın.
Şimdiye kadar, her yeni ürün eklediğinizde özel bir ürün şablonu seçme seçeneğiniz olacak. Sol panelin alt tarafında bulabilirsiniz.
Belirli ürünler için farklı bir ürün şablonu kullanmak isterseniz başka bir özel ürün şablonu oluşturabilirsiniz.
2. WooCommerce'de JetWooBuilder ile özel bir mağaza ürün sayfası nasıl oluşturulur
WordPress sitenize WooCommerce kurduktan sonra, yeni bir mağaza sayfanız olacak (alaniniz.com/shop). Ayrıca, temanız tarafından sunulan varsayılan mağaza sayfasını değiştirmek için JetWooBuilder ile özel bir şablon oluşturabilirsiniz.
Crocoblock -> Woo Page Builder'a gidin. Üst taraftaki Yeni Şablon Ekle düğmesini tıklayın, Bu şablon için bölümünde Alışveriş'i seçin, şablonunuza bir ad verin, önceden hazırlanmış bir şablon seçin ve Şablon Oluştur düğmesini tıklayın.
Şablon, Elementor tuvaline yüklendikten sonra, her bir widget'ı özelleştirmek için sol paneldeki Stil sekmesine gidebilirsiniz. Özelleştirmek istediğiniz widget'ı bir düzenleme moduna dönüştürmek için widget tutamağını tıklayın. Yeni widget'lar ekleyebilir veya mevcut olanları beğeninize göre kaldırabilirsiniz. Widget'ları özelleştirmeyi tamamladığınızda YAYINLA düğmesini tıklayın.
Yukarıda az önce oluşturduğunuz özel mağaza sayfası şablonunu kullanmak için WooCommerce -> Ayarlar'a gidin. JetWooBuilder sekmesini açın, Mağaza Sayfası bölümünde Özel mağaza sayfasını etkinleştir seçeneğini işaretleyin ve açılır menüden az önce oluşturduğunuz şablonu seçin. En alttaki Değişiklikleri kaydet düğmesini tıklayın.
3. WooCommerce'de JetWooBuilder ile özel bir ürün kategorisi sayfası nasıl oluşturulur
Özel bir ürün kategorisi sayfası şablonu oluşturmak için Crocoblock -> Woo Page Builder'a gidin. Üst taraftaki Yeni Şablon Ekle düğmesini tıklayın, Bu şablon için bölümünde Kategori'yi seçin, şablonunuza bir ad verin, önceden hazırlanmış bir şablon seçin ve Şablon Oluştur düğmesini tıklayın.
Yine, şablon tuvale yüklendikten sonra her bir widget'ı özelleştirmek için sol paneldeki Stil sekmesine gidebilirsiniz. İstediğiniz widget'ları ekleyin ve gereksiz widget'ları kaldırın. Tamamlandığında, şablonunuzu yayınlamak için YAYINLA düğmesini tıklayın.
Yukarıda az önce oluşturduğunuz özel ürün kategorisi sayfası şablonunu kullanmak için WooCommerce -> Settings bölümüne gidin. JetWooBuilder sekmesini açın ve Arşiv Kategorisi bölümüne gidin. Özel arşiv kategorisini etkinleştir seçeneğini işaretleyin, açılır menüden yeni oluşturduğunuz özel ürün kategorisi sayfa şablonunu seçin ve alttaki Değişiklikleri kaydet düğmesine tıklayın.
4. WooCommerce'de JetWooBuilder ile özel bir ürün arşiv sayfası nasıl oluşturulur
Yukarıdaki diğer bölümlerle aynı şekilde, özel bir ürün arşiv sayfası oluşturmak için Crocoblock -> Woo Page Builder'a gidebilirsiniz. Yeni Şablon Ekle düğmesini tıklayın, Bu şablon için bölümünde Arşiv olarak ayarlayın, şablonunuza bir ad verin, beğendiğiniz önceden hazırlanmış bir şablonu seçin ve Şablon Oluştur düğmesini tıklayın.
Yine, her bir widget'ı özelleştirmek için sol panele gidebilirsiniz. İsterseniz daha fazla eleman ekleyebilirsiniz. Şablonunuzu yayınlamak için YAYINLA düğmesine tıklamadan önce şablon sütunlarını ayarlayabilirsiniz. Bunu yapmak için sol panelde sol alt köşedeki dişli simgesini tıklayın, Şablon Ayarları seçeneğini açın ve Özel sütun sayısı kullan seçeneğini etkinleştirin ve ardından şablon sütunlarını ayarlayın.
Yukarıda az önce oluşturduğunuz özel ürün arşivi şablonunu kullanmak için WooCommerce -> Settings bölümüne gidin. JetWooBuilder sekmesini açın, Ürünü Arşivle bölümüne gidin, Özel arşiv ürününü etkinleştir seçeneğini işaretleyin ve açılır menüden şablonu seçin. Değişiklikleri kaydet düğmesini tıklayın.
Bu kadar. Bakın, WooCommerce mağazanızı kodlamadan özelleştirebilirsiniz. JetWooBuilder hakkında daha fazlasını keşfetmek için oynayabilirsiniz.
JetWooBuilder ile çalışırken, özellikle özel bir tek ürün sayfası şablonu oluştururken küçük bir not . Özelleştirme/stil sürecinde yaptığınız her değişikliğin canlı önizlemesini görebilmek için en az bir ürününüz olduğundan emin olun. Ayrıca ürünlerinize fiyat, ürün görseli ve stok gibi temel özellikleri eklediğinizden emin olun.
JetWooBuilder'ı nereden edinebilirim?
JetWooBuilder hakkında uzun uzadıya açıkladık, ancak nereden edinebileceğinizden bahsetmedik. Bu eklentiyi resmi sitesinde yıllık 24 dolardan indirebilirsiniz.