• avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar

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...

Başlatan: Kerem - Güncelleme: 26 Kasım 2023, 20:51:04 - Gösterim: 229

« önceki - sonraki »

0 Üyeler ve 4 Ziyaretçi konuyu incelemekte.

Aşağı git Sayfa1
26 Kasım 2023, 20:51:04 Son düzenlenme: 26 Kasım 2023, 21:08:14 Kerem
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.

woocommerce-kisa-kod.jpg

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" ]

indirimdeki-urunler.png


Ö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" ]

one-cikan-urunler.png


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"]


kategoriye-gore-urun-listeleme.png

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"]


qwdqq.PNG

İ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 73 .)
  (19.77 KB , 800x371 - Gösterim: %1$d 67 .)
  (65.48 KB , 700x930 - Gösterim: %1$d 64 .)
  (62.98 KB , 800x723 - Gösterim: %1$d 59 .)
  (16.04 KB , 612x170 - Gösterim: %1$d 53 .)
Kerem imza


Deli tarafıma denk gelmeyin, zira orada ben bile hükümsüzüm...
26 Kasım 2023, 20:59:13 #1 Son düzenlenme: 06 Ocak 2024, 22:50:35 Kerem
Genel Kodlar
Shortcodes                                                          Özelliği

[woocommerce_edit_account] --------->>> Hesap Düzenleme

[woocommerce_change_password] --------->>>  Parola Değiştirme

[woocommerce_view_order] --------->>>  Siparişleri Görüntüle

[woocommerce_logout] --------->>> Çıkış

[woocommerce_pay] --------->>>  Ödeme Sayfası

[woocommerce_thankyou] --------->>>  Alınan Sipariş

[woocommerce_lost_password] --------->>>  Şifremi Unuttum

[woocommerce_edit_address] --------->>>  Adresleri Düzenle

[woocommerce_cart] --------->>>  Sepetim

[woocommerce_checkout] --------->>>  Ödeme Sayfası

[woocommerce_order_tracking] --------->>>  Sipariş Takibi

[woocommerce_my_account] --------->>>  Hesabım
Kerem imza


Deli tarafıma denk gelmeyin, zira orada ben bile hükümsüzüm...
Yukarı git Sayfa1

Benzer Konular (5)

Clicky