# Her mağaza ekranı için bloklar içeren bir WooCommerce teması URL: https://canvaswp.com/tr/woocommerce/ Updated: 2026-11-05 WooCommerce Ü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 5 Kasım 2026 24 WooCommerce blokları 18 Mağaza şablonları 21 İçe aktarabileceğiniz demo mağazalar Bloklar ## 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ı](https://canvaswp.com/tr/wordpress-themes/ecommerce/) ### 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ı](https://canvaswp.com/tr/wordpress-themes/interior-design/) ### Ş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ı](https://canvaswp.com/tr/wordpress-themes/restaurant/) 21 demo mağazasından üçü. Alışverişçinin bu sayfalarda baktığı her bölüm, arkasında bir ayar paneli bulunan bir bloktur. [Tüm 314 Canvas bloğu](https://canvaswp.com/tr/blocks/) Davranış ## 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. Şablonlar ## 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. Tema Seçenekleri ## 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](https://docs.canvaswp.com/store-options-that-help-you-sell) [Katalog modu](https://docs.canvaswp.com/catalog-mode) [İstek listesi](https://docs.canvaswp.com/the-wishlist) Tema Seçenekleri, Mağaza bölümü, Katalog sekmesi. Performans ## 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 [Tüm 35 performans optimizasyonu](https://canvaswp.com/tr/performance/) Tema Seçenekleri, Performans, WooCommerce sekmesi. Demo mağazalar ## 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)](https://demos.canvaswp.com/ecommerce/) Mağaza ve E-ticaret · 9 sayfa · [Neleri kurar: Bag Store demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-ecommerce) ### [Barber Shop demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/barber/) Güzellik ve Spa · 7 sayfa · [Neler yüklenir: Barber Shop demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-barber) ### [CanvasRoam demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/youtube-creator/) Portfolyo ve Kişisel · 10 sayfa · [Neler yüklenir: CanvasRoam demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-youtube-creator) ### [Christmas Store demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/xmas/) Mağaza ve E-ticaret · 6 sayfa ### [Clothing Store demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/store/) Mağaza ve E-ticaret · 19 sayfa · [Neleri kurar: Clothing Store demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-store) ### [Conference demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/conference/) Etkinlikler ve Düğünler · 25 sayfa · [Ne yükler: Conference demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-conference) ### [Drone demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/drone/) Mağaza ve E-ticaret · 12 sayfa ### [eBook demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/ebook/) Mağaza ve E-ticaret · 9 sayfa ### [Fashion Shop demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/shop/) Mağaza ve E-ticaret · 25 sayfa ### [Fashion Store demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/fashion-store/) Mağaza ve E-ticaret · 16 sayfa ### [FORM 2026 demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/event-conference/) Etkinlikler ve Düğünler · 14 sayfa · [Ne yükler: FORM 2026 demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-event-conference) ### [Furniture demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/furniture/) Mağaza ve E-ticaret · 12 sayfa ### [Game of Canvas demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/gaming/) Eğlence ve Topluluk · 12 sayfa · [Neleri yükler: Game of Canvas demosundaki blokları ve içerik türleri](https://docs.canvaswp.com/design-gaming) ### [Illustrator demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/illustrator/) Portfolyo ve Kişisel · 7 sayfa · [Neler yüklenir: Illustrator demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-illustrator) ### [Jewelry Boutique demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/jewellery-boutique/) Mağaza ve E-ticaret · 17 sayfa ### [Podcasts demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/podcasts/) Blog ve Dergi · 13 sayfa · [Neler yüklenir: Podcasts demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-podcasts) ### [Pottery Shop demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/shop-2/) Mağaza ve E-ticaret · 12 sayfa ### [Speaker Store demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/speaker/) Mağaza ve E-ticaret · 11 sayfa ### [Supplement Store demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/supplements/) Mağaza ve E-ticaret · 13 sayfa ### [Wildroot Gear demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/gear/) Mağaza ve E-ticaret · 14 sayfa · [Neleri kurar: Wildroot Gear demosunun blokları ve içerik türleri](https://docs.canvaswp.com/design-gear) ### [Wine Estate demosu, canlı önizleme (yeni sekmede açılır)](https://demos.canvaswp.com/wine/) Yiyecek ve İçecek · 10 sayfa · [Neyi kurar: Wine Estate demosundaki blok ve içerik türleri](https://docs.canvaswp.com/design-wine) [Tüm 88 demo](https://canvaswp.com/tr/demos/) Canlı bir mağazaya içe aktarma ## Mağ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. Sorular ## Canvas ile satış yapmak Mağaza sahiplerinin ilk olarak sorduğu sorular. [Belgeler](https://docs.canvaswp.com/setting-up-your-shop), 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](https://canvaswp.com/tr/compare/astra/), OceanWP ise [eCommerce Pro eklentisini](https://canvaswp.com/tr/compare/oceanwp/) ayrı bir ürün olarak satar.