Wordpress Woocommerce Kısa (Shortcodes) Kodları
E ticaret sitesi ile uğraşmaya başlayınca ve bu işi ilk defa yapınca sürekli kafanızda çözüm yolları aramaya başlıyorsunuz. Yine o günlerden birinde şu alışveriş sitelerinin ana sayfasında ilgili ürün, en beğenilen ürün, en çok satılan ürün ya da bizim seçtiklerimiz gibi başlıkların altında ki ürün fotoğraflarını nasıl yapabilirim diye wordpress, tema ve woocommerce panelini gezerken kısa kodlar dikkatimi çekti. Wordpress kullanmanın ve düzenlemenin ne kadar kolay olduğunu birkez daha anlamış oldum. Neyse konu çok dağıtmayalım, wordpress tabanlı bir site oluşturuyorsanız hazırladığınız sayfalarınıza kısa kodlarla bir çok girdi yapabilirsiniz. Ben bunun için elemantor eklentisi kullanıyorum ve sitenin tasarımında işimi çok kolaylaştırıyor. Bende bu kısa kodları hem kendim için hemde sizler için bu konu altında toplayacağım. Bilgi sahibi olanlar katkı sağlarsa çok daha keyif alırız. Kısa Kodlar (Shortcodes) Nedir? WordPress'in en faydalı işlevlerinden biri olan shortcode yani kısa kod, bir çeşit kısaltmadır diyebiliriz. WordPress'te hazırladığınız bir fonksiyonu, yazılarınızın ya da tema kodunuzun içerisine [kısakod-adı] yazarak çalıştırmanızı sağlar. Fonksiyonunuz isterse onlarca satır olsun, o fonksiyona vereceğiniz adı bir shortcode ile eşleştirirsiniz, o shortcode'u yazılarınızın ya da tema kodunuzun içerisinde kullanırsınız ve shortcode'un olduğu yerde fonksiyon çalıştırılır. Wordpress Woocommerce Kısa Kodları WooCommerce Varsayılan Sayfa Kısa Kodları E-ticaret sitenizin sorunsuz çalışması için aşağıda yer alan kısa kodlara ait sayfaları mutlaka oluşturmanız gerekmektedir. Eğer WooCommerce başlangıç sihirbazı ile sitenizi hazırladıysanız, bu sayfalar zaten hazır olarak gelmektedir ve herhangi bir işlem yapmanıza gerek yoktur.[woocommerce_cart] - alışveriş sepeti sayfası [woocommerce_checkout] ödeme sayfası [woocommerce_my_account] müşteri hesabı sayfası [woocommerce_order_tracking] sipariş takibi sayfası
Ürün Kısa Kodları Aşağıdaki örneklerde de bazı ürün yapılarına özel kısa kodları sizlerle paylaşacağım. Bu kodlar sayesinde dilediğiniz sayfada ürünlerinizi özel bir liste şeklinde göstermeniz mümkün.Karışık Ürün Listeleme Bu senaryoda oluşturduğumuz yapı şu şekildedir; Gösterilecek ürün adedi: 4 Kolon başına gösterilecek ürün sayısı: 4 Ürün listeleme tipi: Popüler ürünler İndirimdekileri göster: Açık (true yerine false yaparsanız indirimdekileri gizler) [products limit="4" columns="4" orderby="popularity" class="quick-sale" on_sale="true" ]
Öne Çıkan Ürünleri Listeleme Bu senaryoda oluşturduğumuz yapı şu şekildedir; Gösterilecek ürün adedi: 4 Kolon başına gösterilecek ürün sayısı: 2 Görüntülenecek ürünler: Öne çıkan ürünler [products limit="4" columns="2" visibility="featured" ]
Farklı Kategorilerden Listeleme Bu senaryoda oluşturduğumuz yapı şu şekildedir; Gösterilecek ürün adedi: 8 Kolon başına gösterilecek ürün sayısı: 4 Kategori: 2 farklı kategori Yapı: ilk kategori VE ikinci kategori [products limit="8" columns="4" category="hoodies, tshirts" cat_operator="AND"]
Son Ürünler Web sitenizde son ürünleri shortcode olarak göstermek için aşağıdaki kodu kullanabilirsiniz. (*) per_page yazan yer kaç tane ürün gösterileceğini belirler columns ise kaç kolon olacağını belirler. [recent_products per_page="12" columns="4"]
Öne Çıkan Ürünler WooCommerce yönetim panelinde ürünler ekranında işaretlediğiniz ürünleri shortcode ile göstermek istiyorsanız aşağıdaki kodu kullanabilirsiniz.[featured_products per_page="12" columns="4"]
İd Numarasına Göre [product id="99"]
Sku Koduna Göre [product sku="casper-pc"]
Birden çok ürün gösterme [products ids="1, 2, 3, 4, 5"]
[products skus="foo, bar, baz" orderby="date" order="desc"]
Sepete Ekle Yazı içerisinde bir ürünü sepete ekletmek isterseniz aşağıdaki kodu kullanabilirsiniz.[add_to_cart id="15"]
Sadece sepete ekle linkini görüntülemek için[add_to_cart_url id="15"]
(5.82 KB , 1200x675 - Gösterim: %1$d 163 .)
(19.77 KB , 800x371 - Gösterim: %1$d 156 .)
(65.48 KB , 700x930 - Gösterim: %1$d 150 .)
(62.98 KB , 800x723 - Gösterim: %1$d 138 .)
(16.04 KB , 612x170 - Gösterim: %1$d 128 .)
D eli tarafıma denk gelmeyin, zira orada ben bile hükümsüzüm...