Woocommerce Shop için ShopEngine’in Gutenberg ile entegrasyonu
Nihayet bekleme bitti! ShopEngine artık Gutenberg Block Editor’unuzla uyumlu. Daha önce, ShopEngine Widget’a yalnızca Elementor penceresinden erişebilirsiniz, değil mi? Ama şimdi ShopEngine bundan daha fazla kullanılabilir. Elementor üzerinden ShopEgine Widget’a erişmenin yanı sıra, WooCommerce dükkanı için Gutenberg’de ShopEngine kullanabilirsiniz. Ancak, Gutenberg’de bu widget bir blok olarak görünecektir. Aslında, Gutenberg Widget Elementor ve Block’un işlevi aynıdır. O zaman fark nerede? Fark uygulamada yatmaktadır. Elementor Widget için, sonuçları görmek için belirtilen alandaki widget’ı çekmeli ve kaldırmalısınız. Ancak Gutenberg bloğu için bloğu tıklatıyorsunuz ve çalışmanız tamamlandı.
Doldurma gizle
1 Gutenberg özeti:
2 Neden ShopEngine’ı Gutenberg ile entegre edin:
3 Gutenberg’deki önde gelen mağaza bloklarından bazıları:
3.1 Ürün Başlığı:
3.2 Ürün Listesi:
3.3 Ürün Açıklaması:
3.4 Ödeme Ödemesi:
3.5 Ürün Arşivi:
3.6 Tren Tablosu:
3.7 Yeni Ürünler Görüldü:
4 uç:
Gutenberg’e bir bakış: Bir WordPress kullanıcısı olarak, Gutenberg terimine aşina olmalısınız. Bu bir WordPress içerik düzenleyicisidir (WordPress Block Düzenleyicisi olarak bilinir. Şu anda Gutenberg, kullanım kolaylığı nedeniyle WordPress kullanıcıları arasında en popüler WordPress editörüdür. Birçok WordPress Gutenberg eklentisi 3. taraf geliştiricilerinden de mevcuttur.
Daha önce, insanlar diğer WordPress editörleri olan “Klasik Editör” i kullanmaya daha alışmıştı. Gutenberg’in ortaya çıkmasından bu yana, insanlar klasik editörlerden daha fazla blok editör kullandılar. Gutenberg’in uzmanlığı blok tabanlı içeriktir. Bir paragraf, görüntü veya düğme olsun, bu öğelerin her biri bir bloktur. Klasik editörlerden farklı olarak, bu blok tabanlı içerik düzenleyicisi, içeriği daha fazla kontrolle manipüle etmenizi sağlar. Bu bloğun editörünün en iyi yanı, 3. taraf geliştiricinin özel bir blok yerleştirmesine izin vermesidir. Ve bu tam olarak bu bilgilendirici bloga odaklanacağız çünkü bundan sonra, Woocommerce için Gutenberg’de sizin için birçok ShopEgine özelliği sunulacak. Gutenberg’deki özel ShopEgine bloğunu tartışmadan önce, neden WooCommerce için ShopEngine’i Gutenberg ile entegre ettiğimizi açıklayayım. ShopEngine’ı neden Gutenberg ile entegre edin: ShopEngine başlangıçta özellikle Elementor için tasarlandı. Bu, Woocommerce sayfanızı yalnızca Elementor için oluşturabileceğiniz anlamına gelir. Ama şimdi, daha önce de belirttiğim gibi, bu Shopengine, Gutenberg ile entegre edildikten sonra bir adım öne geçti.
Peki, Woocommerce için Shopengine’i Gutenberg ile entegre etmemizi sağlayan nedir? Bu soruyu cevaplamak için, Gutenstats.blog’a göre, veri parçalarınıza sunmama izin verin, Gutenberg şimdiye kadar 76 milyon aktif tesis aldı. Buna ek olarak, bugüne kadar Gutenberg ile 264.5 milyon yazı yazıldı.
Gutenberg uyumluluk sorunları içermez, böylece geliştiriciler eklentilerine Gutenberg desteğine kolayca girebilirler.
Gutenberg bir ışık kodu yayınladı ve aynı zamanda hızlı bir yükleme aracıdır.
ShopEngine indirmelerini açın
Gutenberg’deki önde gelen mağaza bloklarından bazıları: ShopEgine bloğunu açıklamadan önce, ShopEgine’in Elementor kullanıcılarına hizmet veren WooCommerce Shop sayfası için 65+ widget, 13+ modül ve sayısız şablonla geldiğini açıklığa kavuşturmama izin verin. WooCommerce için ShopEngine’in Gutenberg ile entegrasyonundan sonra, artık Gutenberg’deki 45+ ShopEngine bloğuna erişebilirsiniz.
Woocommerce mağazanız için bir şablon oluşturmayı seçtiğiniz sayfa türüne bağlı olarak, Gutenberg bloğu buna göre görünecektir. Buna ek olarak, hızlı görünüm, varyasyon renk örnekleri, ürün karşılaştırması ve istek listesi gibi modüllere erişebilirsiniz. WooCommerce Mağazası için Gutenberg’deki birkaç ShopEgine bloğuna bakalım- Ürün Başlığı: Block Ürün Başlığı belirli bir ürün için bir sayfada görünür. Şablonunuzu oluşturmak için bir tür sayfa seçtikten sonra, yalnızca kenar çubuğundan ürün başlık bloğunu tıklamanız gerekir. Kısa bir süre sonra, ürün başlığınız sayfada görünecektir. Çubuğun sağ tarafından, başlık, tesviye, renk ve tipografi etiketini değiştirebilirsiniz. Ürün kaydı: Ürün listesi, WooCommerce mağazanızda sattığınız her türlü ürünü görüntüler. Blok Ürün Listesi, tek bir sayfa, mağaza, ödeme ve sepet dahil her türlü sayfada görünür. Sayfa türünü seçtikten sonra, açılır pencereden veya kenar çubuğundan bir ürün listesini tıklayın. Ürünün görüntülenmesi için ürün kategorisini seçtiğinizden emin olun. Çubuğun sağ tarafından, çeşitli ürün listesi öğelerini seçebilir ve ayarlayabilirsiniz. Sayfa başına ürün sayısını, etiket, görüntüleme/gizle satış rozetini, indirim yüzdesini vb. Seçebilirsiniz. Ürün Açıklaması: Bir sayfa bir sayfa oluşturursanız, ürün açıklama bloğu kenar çubuğunda görünür. Bir ürün açıklaması oluşturmak için sayfanızda görüntülenir, ürün açıklama bloğunu tıklayın. Açıklamayı ayarlayabilir ve tipografi, renk, tesviye vb. Değiştirilecek modu ayarlayabilirsiniz.
Ödeme Ödemesi: Elementor’daki ödeme ödeme widget’ı gibi, ödeme ödeme bloğu Gutenberg’deki işlev görür. Ödeme sayfanız için oluşturma şablonunu girerseniz “ödeme ödemesi” bloğunu görebilirsiniz. Bundan sonra, Woocommerce mağazanız için ihtiyacınız olan ödeme ödeme bloğunu ekleyebilirsiniz. İçerik, ödeme yöntemleri, düğmeler vb. İçeriğini değiştirme seçeneğiniz olacaktır. Onay kutusunun, düğmenin rengi, tipografi, sınırların vb. Konumunu değiştirebilirsiniz. Ürün Arşivleri: Arşivlenmiş ürün sayfası, tek bir yerde yayınlanan tüm ürünleri içerir. Woocommerce için Gutenberg’deki Arşiv sayfası için bir şablon oluşturmak için doğrudan sol kenar çubuğuna gidin ve Arşiv Ürünleri bloğunu tıklayın. Tüm envanter ürünleri tek tek görünecektir. Arşiv ürününün sayfası, düzen, içerik, sayfalama, sıralama vb. Sayfa, ürün başlıkları, ürün çizimleri, ürün fiyatları, ürün açıklamaları, ürün altbilgisi vb. Sepet Tablosu: Sepet tablosunda, seçtiğiniz tüm ürün detayları ürün adı, fiyat, miktar, subtotal ve toplam miktarı içerir. Bir ShopEngine Sepet masa bloğu ile, WooCommerce Sepet sayfasındaki sepet tablosu aracılığıyla ürününüzle ilgili tüm bilgileri alıcılarınıza görüntüleyebilirsiniz. İçeriği ayarlamak ve çeşitli sepet masa öğelerinin stilini ayarlamak için sağ tarafta bir parametre alacaksınız. Ürünün üstbilgisinin ve altbilgisinin rengini, renk sınırını, metin rengini değiştirebilir ve başlık, fiyat, miktar, toplam vb. Dahil içerik parçalarını ayarlayabilirsiniz.
ShopEngine ile bir E-Niaga web sitesi nasıl oluşturulacağını bilmek ister misiniz? Aşağıdaki bağlantıya tıklayarak blogu açın- ShopEngine ile bir E-Niaga sitesi nasıl oluşturulursunuz?
