WOOCS - WooCommerce Para Birimi Değiştirici


WooCommerce para birimi değiştirici görünümü nasıl özelleştirilir

"Akıllı tasarımcı"(v.2.3.5 / 1.3.5'ten itibaren), WooCommerce Para Birimi Değiştirici'nin, uygun gösterge tablosunu kullanarak çok para birimi açılır anahtarlayıcı oluşturmaya izin veren işlevselliğinin bir parçasıdır. Sitenizin farklı yerleri için sınırsız sayıda açılır tasarımlar oluşturabilir ve hatta bunları doğrudan site koduna ekleyebilirsiniz. Ayrıca, site sayfalarına veya başka herhangi bir mantık koşuluna bağlı olarak farklı tasarımlardaki para birimi değiştiricilerini göstermek için özel kısa kod sarmalayıcı oluşturabilirsiniz, bir örnek:

add_shorctode('woocs_set1', function($args) { global $post; //$args - burada özel parametre anahtarı olabilir ($post->ID) { case 17: echo do_shortcode('[woocs sd=2]') ; break; case 27: echo do_shortcode('[woocs sd=3]'); break; case 44: echo do_shortcode('[woocs sd=4]'); break; varsayılan: echo do_shortcode('[woocs sd=1 ]'); kırmak; } });

Yukarıdaki örnekte özel kısa kod kullanılarak [woocs_set1 özel_param=1], site sayfalarına bağlı olarak farklı para birimi değiştirici tasarımlarının gösterilmesine izin verir.

Aynı sayfaya sınırsız sayıda anahtarlayıcı yerleştirilebilir, örneğin: '[ başlığındawoocs sd=1]', kenar çubuğunda '[woocs sd=2]', alt bilgide '[woocs sd=3]'. Bu, site müşterileriniz için daha fazla işlevsellik hissi katar ve aynı şekilde para birimi değiştiriciler sitenizin manzarasına kolayca sığar.

Böyle bir tasarım oluşturmak için sekmeye gitmelisiniz “tasarımlar” WOOCS seçenekleri sayfasında ve oradaki düğmeye basınoluşturmak". Oluşturduktan sonra ' düğmesine tıklayındüzenleme' sadece oluşturulan tasarım. Tasarım seçenekleri panosunda 4 bölüm göreceksiniz: genel, Başlık, Açıklama, bayrak. Sağ üst taraftaki menüyü kullanarak bölümler arasında gezinebilirsiniz. Düzenleme sonucu anında gerçekleşir ve uygulanan ayarlarla sayfanın üst kısmında değiştirilen açılır menüyü görebilirsiniz.

Her bölümün kendi seçenekleri vardır. Hadi gözden geçirelim:

"Genel" Bölümü:

  • aralık kaydırıcısı "genişlik” – piksel cinsinden para birimi açılır menüsünün genişliği, minimum değerler 80 piksel ve maksimum değer 900 pikseldir
  • değiştirici "Genişlik %100” – etkinleştirilirse açılır menü, yerleştirildiği kapsayıcı genişliğinin %100'üne sahip olur
  • aralık kaydırıcısı "ölçek” – açılır menü ölçeğini ayarlayın. Örneğin site altbilgisine yerleştirmeyi küçültmek için kolaylık sağlar
  • aralık kaydırıcısı "Kenarlık genişliği” – para birimi değiştirici açılır menüsünün piksel cinsinden kenarlık genişliği, minimum değerler 0 ve maksimum değer 10 pikseldir
  • aralık kaydırıcısı "Sınır yarıçapı” – para birimi değiştirici açılır menüsünün yüzde cinsinden sınır yarıçapı, minimum değerler 0 ve maksimum değer %100'dür
  • renk seçici "Sınır rengi” – anahtarlayıcı kenarlığının rengi. Seçici düğmesine tıkladıktan sonra kullanmak istediğiniz renk şemasını seçebilirsiniz: RGB, HSL, HEX
  • renk seçici "Arka plan rengi” – her seçenek için arka plan rengi
  • renk seçici "işaretçi rengi” – sağdaki açılır menülerde görebileceğiniz açılır menü işaretçisinin rengi
  • renk seçici "Seçenekler bölücü rengi” – para birimi değiştirici açıldığında seçenekleri ayıran çizgilerin rengi
  • aralık kaydırıcısı "Seçenekler bölücü boyutu” – Para birimi değiştirici açıldığında seçenekleri ayıran çizginin sınır genişliği, minimum değerler 0 ve maksimum değer 10 pikseldir
  • aralık kaydırıcısı "Maksimum açık yükseklik” – açılan açılır listenin maksimum yüksekliği. Seçenek yüksekliklerinin toplamı daha fazlaysa dikey kaydırma çubuğu görünür

Bölüm başlığı":

  • değiştirici "Başlığı göster” – para birimi açılır değiştiricisinin her seçeneğinde başlık metninin gösterilmesine veya gizlenmesine izin verir
  • metin girişi "Başlık değeri” – her seçenek başlık metninin içeriği. Özel anahtar kelimeler ve bunların kombinasyonlarını kullanın: __KOD__ [AMERİKAN DOLARI], __İMZA__ [$], __DESCR__ [herhangi bir metin]. Ayrıca normal statik metni kullanabilirsiniz. Örnek: __CODE__ – __SIGN__ [göreceksiniz: ABD Doları – $]
  • aralık kaydırıcısı "Başlık yazı tipi boyutu” – her seçenek için başlık metninin piksel cinsinden yazı tipi boyutu, minimum değerler 8 piksel ve maksimum değer 48 pikseldir
  • değiştirici "Başlık Kalın” – etkinleştirilmiş başlık metni, her seçenek için kalın yazı tipi ağırlığına sahipse
  • renk seçici "Başlık rengi” – her seçenek için başlık metninin rengi
  • metin girişi "Başlık yazı tipi” – her seçenek başlık metni yazı tipi ailesi

"Açıklama" bölümü:

  • değiştirici "Açıklamayı göster” – para birimi açılır anahtarlayıcısının her seçeneğinde açıklama metninin gösterilmesine veya gizlenmesine izin verir
  • aralık kaydırıcısı "Açıklama yazı tipi boyutu” – her seçenek için piksel cinsinden açıklama metninin yazı tipi boyutu, minimum değerler 8 piksel ve maksimum değer 48 pikseldir
  • renk seçici "Açıklama rengi” – her seçenek için açıklama metninin rengi
  • metin girişi "Açıklama yazı tipi” – her seçenek açıklama metni yazı tipi ailesi

 

"Bayrak" bölümü:

  • değiştirici "Bayrağı göster” – para birimi açılır anahtarlayıcısının her seçeneği için bayrak görüntüsünün gösterilmesine veya gizlenmesine izin verir
  • değiştirici "Bayrak konumu” – her seçenek için bayrak resmi tarafının ayarlanmasına izin verir: Sağ ya da sol
  • aralık kaydırıcısı "Bayrak yüksekliği” – her seçenek için bayrak resmi yüksekliğini piksel olarak ayarlayın, minimum değerler 5 piksel ve maksimum değer 100 pikseldir
  • aralık kaydırıcısı "Dikey konumu işaretle” – piksel cinsinden her seçenek için bayrak dikey konumunu ayarlayın, minimum değerler -20 piksel ve maksimum değer 30 pikseldir

Sağ üst tarafta bulunan bölüm navigasyonunu kullanarak, mevcut tasarım ayarlarında hızlı bir şekilde gezinebilir ve seçeneklerini belirleyebilirsiniz. Tarayıcı penceresinin altında her zaman sabit bulabileceğiniz “Kaydet” butonuna tıklamayı unutmayın. Tasarım tasarruflarını düzenledikten sonra, tasarım panosundan çıkın ve örneğin "[woocs sd=7]" gibi kısa kodu kopyalayın. Artık onu normal metin widget'ına, site sayfanızın metin içeriğine veya doğrudan site php dosyalarına, örneğin dosya içine yerleştirebilirsiniz. footer.php sonraki kodu kullanarak:


WOOCS SD Demo sayfası.