Her mağaza ekranı için bloklar içeren bir WooCommerce teması
Ürün sayfasını, mağaza ızgarasını, sepeti ve ödeme sayfasını WordPress'in size sunduğu düzenleyicideki bloklarla tasarlayın, ardından çalışan bir mağaza olarak gelen bir demodan başlayın. WooCommerce siparişleri tutar, Canvas ise onlara tasarım kazandırır.
Güncellendi
Satış yapan dört ekran için 24 blok
Bir alışverişçinin baktığı WooCommerce mağazasının her parçası, ayarlar paneli olan bir bloktur; bu nedenle onu bir şablon dosyasına dokunmadan taşıyabilir, yeniden biçimlendirebilir ya da çıkarabilirsiniz.
Ürün sayfası 11 blok
Tek bir ürün düzenini blok blok oluşturun ya da hazır şablonlardan birinden başlayıp parçaları taşıyın.
Product Images Tüm planlarda dahildir
WooCommerce ürün öne çıkan görselini ve isteğe bağlı galeri küçük resimlerini gösterir.
Product Gallery Linker Her pakette dahildir
Tıkladığınız görsele göre ürün galerisi karuselini kaydıran küçük resim şeridi.
Product Price Herhangi bir planla birlikte dahildir
WooCommerce ürün fiyatını; indirimli fiyatı ve para birimi biçimlendirmesiyle birlikte görüntüler.
Product Rating Her plana dahildir
Geçerli WooCommerce ürünü için yıldız puanını ve varsa yorum sayısını gösterir.
Product Meta Her planla birlikte gelir
Ürün meta kartını görüntüler: SKU, kategoriler ve etiketler.
Product Short Description Her planla birlikte gelir
Ürünün kısa açıklamasını, paragraf biçimlendirmesi korunmuş halde görüntüler.
Variation Swatches Her planda dahil
Değişken bir ürünün varyasyonunu seçen renk noktaları veya hap biçiminde düğmeler.
Add to Cart Herhangi bir planla dahil
Geçerli ürün için, isteğe bağlı miktar alanıyla birlikte WooCommerce sepete ekleme formunu görüntüler.
Ürün Sekmeleri Her plana dahil
WooCommerce ürün veri sekmelerini görüntüler: Açıklama, Ek Bilgiler ve Yorumlar.
Product Share Her planla birlikte gelir
Mevcut WooCommerce ürünü için sosyal paylaşım bağlantılarını içeren “Paylaş:” kartını görüntüler.
Related Products Herhangi bir plana dahil
Mevcut ürünle ilgili WooCommerce ürünlerinden oluşan bir ızgara görüntüler. Yalnızca tekil ürün şablonlarında gösterilir.
Mağaza ve kataloğu 5 blok
Izgaralar, karuseller, kategori kartları ve bir fiyat filtresi; her biri bir kategori, etiket, arama veya elle seçilmiş bir listeden içerik çekebilir.
Ürünler Her planda dahil
WooCommerce ürünlerini ızgara veya liste düzeninde görüntüleyin. Kaynağa, kategoriye, etikete ve sıralamaya göre filtreleyin.
Product Categories Her planla birlikte dahil
Küçük resimler, adlar ve ürün sayılarıyla WooCommerce ürün kategorilerini duyarlı bir kart ızgarasında görüntüler.
Product Carousel Tüm planlarda dahildir
WooCommerce ürünlerini kaydırılabilir bir owl-carousel içinde görüntüler. Otomatik oynatma, gezinme okları, noktalar ve duyarlı kırılma noktalarını destekler.
Store Price Filter Her planda dahil
Ürün ızgarasını yerinde filtreleyen, çift tutamaçlı bir fiyat aralığı kontrolü.
Conference Tickets Tüm planlarda dahil
Bir bilet ürünleri kategorisi için fiyat kutuları; her birinde miktar seçici ve canlı sepete ekle bağlantısı bulunur.
Sepet 3 blok
Tasarladığınız bir sepet sayfası; alışveriş yapanların gerçekten gördüğü ek satış önerisiyle birlikte.
Sepet Tablosu Tüm planlara dahildir
WooCommerce sepet tablosunu ürün kalemleri, adetler ve toplamlarla görüntüleyin.
Sepet Toplamları Tüm planlarda dahil
Ara toplam, kargo ve ödeme düğmesi dahil WooCommerce sepet toplamları panelini görüntüler.
Cross-Sells Herhangi bir planla birlikte dahil
Mevcut WooCommerce sepetindeki çapraz satış ürünlerini gösterir. Yalnızca sepet etkin olduğunda ve çapraz satış ürünleri içerdiğinde görüntülenir.
Ödeme 3 blok
Fatura formu, sipariş özeti ve alışveriş yapan kişiye az önce neyin olduğunu bildiren bildirimler.
Checkout Billing Tüm planlarla birlikte dahil
WooCommerce ödeme fatura adresi formunu görüntüler.
Checkout Order Review Tüm planlarda dahil
WooCommerce ödeme sayfasındaki sipariş incelemesi özetini, ürün kalemleri ve toplamlarıyla birlikte görüntüler.
WooCommerce Bildirimleri Her planla birlikte dahil
Hata, başarı mesajı veya bilgilendirme gibi WooCommerce bildirimlerini görüntüler.
Mağazanın başka yerlerinde 2 blok
Yukarıdaki dört ekranın dışında kalan mağaza blokları.
Wishlist Her planda dahildir
Alışveriş yapanın kaydettiği ürünler, fiyatları, stok durumu ve bir sepete ekle düğmesiyle birlikte. Tema Seçenekleri'nde Wishlist için seçilen sayfaya yerleştirin.
Wishlist Button Her plana dahil
Mevcut ürünü müşterinin istek listesine kaydeder. Ürün şablonlarında ve ürün kartlarında kullanın.
Giyim Mağazası
Koleksiyon sayfaları, değişken ürünler ve ürün sayısını gösteren bir üst bilgi sepetiyle moda kataloğu.
E-ticaret temaları
Mobilya
Satış ve kiralama tek bir katalogda; ürün ızgarası ile tekil ürün sayfası da blok olarak tasarlanmıştır.
İç mekân tasarımı temaları
Şarap
Bir şarap mağazası: tasarım ürün fotoğraflarını taşır, mağaza sayfaları ise onun arkasında yer alır.
Restoran temaları21 demo mağazasından üçü. Alışverişçinin bu sayfalarda baktığı her bölüm, arkasında bir ayar paneli bulunan bir bloktur.
Alışveriş yapanların sayfa yenilemeden yaptıkları işlemler
Genellikle her biri için ayrı bir eklenti gerektiren üç mağaza davranışı bu entegrasyonun parçasıdır.
Özellik renk örnekleri
Yönetim panelinde bir ürün özelliği terimine renk verin; değişken ürünler, açılır liste yerine renk noktaları veya düğme hapları sunar, böylece alışverişçi varyasyonu gözle seçer.
AJAX ile sepete ekleme
Bir ızgaradan, karusel veya kart katmanından ürün eklemek sepeti yerinde günceller. Alışveriş yapan kişi göz attığı sayfada kalır ve üst bilgideki mini sepet sayacı güncel tutar.
Ürün kartı stilleri
Her katalog görselini tek bir şekle sabitleyin, böylece kartlar hizalanır. Ek galeri görsellerinin üzerine gelindiğinde görünmesini mi yoksa slayt gösterisi olarak çalışmasını mı istediğinizi seçin ve üzerine gelindiğinde açılan katmanın neler sunacağını belirleyin: satın alma, hızlı görüntüleme veya ikisi.
Site Düzenleyici'de 18 mağaza şablonu
Her mağaza ekranı, Site Düzenleyici'de açıp düzenleyebileceğiniz ve sıfırlayabileceğiniz bir blok şablonudur; diğer blok şablonlarını düzenlediğiniz gibi.
Tek ürün düzenleri
Ürün sayfasını varsayılan düzende, galerinin yanında takip eden yapışkan bir özet, bir liste, renk odaklı bir tasarım, bir mağaza tasarımı, özel bağlantılı iki galeri düzeninden biri veya sol, sağ ya da iki kenar çubuklu bir varyantla düzenleyin.
Mağaza sayfası düzenleri
Mağazanın kendisini tam genişlikte, sol kenar çubuğuyla, sağ kenar çubuğuyla ya da iki yanında kenar çubuklarıyla düzenleyin; böylece filtreler ve kategoriler kataloğunuzun gerektirdiği yerde yer alır.
Arşivler, sepet ve ödeme
Mağaza arşivi, ürün kategori arşivleri, sepet ve ödeme ekranı; temanın sunduğu WooCommerce şablon geçersiz kılmalarıyla birlikte, her biri ayrı bir şablon olarak gelir.
Mağaza şablonları, Site Düzenleyici'nin kendi Şablonlar panelinde, Canvas'ın şablonlarıyla birlikte woocommerce altında listelenir ve aynı ekrandan sıfırlanır.
Düzeni ürün bazında düzenleyiciden atayın ya da tüm mağaza için varsayılanı Tema Seçenekleri'nde belirleyin. Site Düzenleyici'de özelleştirdiğiniz bir şablon, güncellemelerde özelleştirilmiş kalır ve Canvas, bir güncellemeden sonra hangilerinin değiştiğini size bildirir.
39 mağaza seçeneği, 5 sekme
Katalog, ürün sayfası, sepet ve ödeme ile üst bilgideki mini sepet için mağaza genelinde varsayılanlar; ayrıca talep alan mağazalar için bir katalog modu. Sayfa başına ürün sayısı, sayfalama, ürün görseli biçimi, ek galeri görselleri ve kart kaplaması burada bulunur; bunlardan birini tek başına ayarlayan bir blok ise yerleştirildiği sayfada yine de geçerli olur.
- Katalog: her ekran boyutunda satır başına ürün sayısı, görsel şekli, üzerine gelme davranışı, indirim rozeti
- Ürün sayfası: tekil ürün ekranının gösterdikleri ve yapışkan Sepete ekle çubuğu
- Sepet ve ödeme: ücretsiz kargo ilerleme çubuğu ve dikkat dağıtmayan bir ödeme sayfası
- Mini sepet: alışveriş yapan biri bir ürün eklediğinde header cart ne yapar
- Katalog modu: fiyatları ve satın alma düğmesini gizler, bir talep düğmesi gösterir
Satış yapmanıza yardımcı olan mağaza seçenekleri Katalog modu İstek listesi
WooCommerce'te beş anahtar
WooCommerce, hiçbir şey satmayanlar dahil olmak üzere bir web sitesinin her sayfasında betikler ve stil sayfaları yükler. Bu beş ayar bunu geri alır ve her biri geri alınabilir.
- Mağaza çıktısı üretmeyen sayfalarda WooCommerce JavaScript'i kaldırılır
- Bu raporları okumuyorsanız sipariş atfetme takibini kapatın
- cart fragments betiğinin her sayfa yüklemesinde yoklama yapmasını durdurur.
- Parola gücü kitaplığını hesap ve ödeme sayfaları dışında kaldırın
- Paketle gelen Select2 kütüphanesini ödeme ve hesap sayfaları dışında yüklemeyin
21 demo, çalışan WooCommerce mağazalarıdır
Ürünler, kategoriler, öznitelikler, sepet ve ödeme sayfası içe aktarılmış, test siparişi almaya hazır. Karar vermeden önce bunların herhangi birini canlı olarak önizleyin.
Bag Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 9 sayfa · Neleri kurar: Bag Store demosunun blokları ve içerik türleri
CanvasRoam demosu, canlı önizleme (yeni sekmede açılır)
Portfolyo ve Kişisel · 10 sayfa · Neler yüklenir: CanvasRoam demosunun blokları ve içerik türleri
Christmas Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 6 sayfa
Clothing Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 19 sayfa · Neleri kurar: Clothing Store demosunun blokları ve içerik türleri
Conference demosu, canlı önizleme (yeni sekmede açılır)
Etkinlikler ve Düğünler · 25 sayfa · Ne yükler: Conference demosunun blokları ve içerik türleri
Drone demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 12 sayfa
eBook demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 9 sayfa
Fashion Shop demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 25 sayfa
Fashion Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 16 sayfa
FORM 2026 demosu, canlı önizleme (yeni sekmede açılır)
Etkinlikler ve Düğünler · 14 sayfa · Ne yükler: FORM 2026 demosunun blokları ve içerik türleri
Furniture demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 12 sayfa
Game of Canvas demosu, canlı önizleme (yeni sekmede açılır)
Eğlence ve Topluluk · 12 sayfa · Neleri yükler: Game of Canvas demosundaki blokları ve içerik türleri
Illustrator demosu, canlı önizleme (yeni sekmede açılır)
Portfolyo ve Kişisel · 7 sayfa · Neler yüklenir: Illustrator demosunun blokları ve içerik türleri
Jewelry Boutique demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 17 sayfa
Pottery Shop demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 12 sayfa
Speaker Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 11 sayfa
Supplement Store demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 13 sayfa
Wildroot Gear demosu, canlı önizleme (yeni sekmede açılır)
Mağaza ve E-ticaret · 14 sayfa · Neleri kurar: Wildroot Gear demosunun blokları ve içerik türleri
Wine Estate demosu, canlı önizleme (yeni sekmede açılır)
Yiyecek ve İçecek · 10 sayfa · Neyi kurar: Wine Estate demosundaki blok ve içerik türleriMağaza sayfalarınız çoğaltılmaz, devralınır
Bir mağaza tasarımını içe aktarırken en alışılmış korku, uyandığınızda iki ödeme sayfası bulmaktır. Canvas, demonun WooCommerce sayfalarını sitenizde zaten bulunan sayfalarla eşleştirir.
Her mağaza demosunun üzerinden geldiği içe aktarma ekranı ve bunu geri alan geri alma işlevi.
Tek mağaza, tek sepet, tek ödeme
İçe aktarıcı, mevcut WooCommerce sayfalarınızı bulur ve demonun menülerini ve bağlantılarını doğrudan bunlara yönlendirir.
Geri alınabilir
İçe aktarmanın oluşturduğu her şey takip edilir; böylece tek bir ekrandan demo içeriği kaldırılır ve daha önce var olan seçenekler ile menüler geri yüklenir.
Dahil olan ürünler
Demo ürünleri, kategorileri, özellikleri ve renk örnekleri tasarımla birlikte gelir; böylece kendi ürünlerinizle değiştirirken katalog doğru görünür.
Ya da yalnızca sayfalar
Sayfa kapsamlı içe aktarmayı seçtiğinizde demonun sayfalarını alırsınız, ancak Tema Seçenekleri, menüleri ve ön sayfası alınmaz.
Canvas ile satış yapmak
Mağaza sahiplerinin ilk olarak sorduğu sorular. Belgeler, her blok ve seçeneği ayrıntılı olarak açıklar.
WooCommerce eklentisine hâlâ ihtiyacım var mı?
Evet, Canvas, WooCommerce'in üzerine blok, şablon ve seçenekler ekler ve hiçbirinin yerini almaz. Siparişler, ürünler, vergiler, kargo ve ödemeler, diğer eklentilerinizin beklediği yerde WooCommerce'te kalır. Bir mağaza demosuyla başlarsanız, içe aktarma çalışmadan önce Kurulum Sihirbazı WooCommerce'i sizin için kurar ve etkinleştirir.
Bir mağaza demosunu içe aktarmak mağaza ve ödeme sayfalarınızın yerini alır mı?
Hayır, Canvas içe aktarıcı, WooCommerce'in sitenizde zaten bulunan sayfalarını kullanır; bu yüzden ikinci bir mağaza, sepet, ödeme veya hesap sayfası oluşmaz. Mevcut ürünleriniz ve siparişleriniz dokunulmadan kalır.
Bunları WooCommerce'in kendi bloklarıyla birlikte kullanabilir miyim?
Evet, Canvas mağaza blokları sıradan kayıtlı bloklardır. Bu yüzden aynı şablonda ve aynı sayfada WooCommerce blokları ve çekirdek bloklarla birlikte yer alırlar. Tüm bir düzene bağlanmadan, her seferinde birini değiştirebilirsiniz.
Renk örnekleri nasıl çalışır?
WordPress yönetici ekranında bir ürün özelliği terimine renk atayın; Canvas Variation Swatches bloğu, o özelliği açılır menü yerine renk noktaları veya düğme hapları olarak gösterir. Bu, ürün sayfasında ve bunu kullanan şablonlarda da geçerlidir.
Mağaza blokları planıma dahil mi?
Evet: tüm 24 Canvas mağaza bloğu premium bloktur ve her plan her premium bloğu içerir. Ayrı bir mağaza eklenti paketi ve e-ticaret katmanı yoktur. Diğer temalar bunu genellikle ayrı satar: hızlı görünüm bir Astra Pro özelliğidir, OceanWP ise eCommerce Pro eklentisini ayrı bir ürün olarak satar.
Mağazayı kurun, altyapıyı değil
Her paket 24 mağaza bloğunun, 18 mağaza şablonunun ve 21 demo mağazanın tamamını içerir. Yükseltilecek bir e-ticaret katmanı yoktur.