Customizer — Görünüm ayarları (URL parametreleri)

URL parametreleriyle görünüm ayarları

URL parametreleri, yerleştirme kodunuzu değiştirmeden Customizer’ı önceden tanımlanmış görsel ayarlar ve ürün seçenekleriyle açmanızı sağlar. Customizer bu parametreleri yükleme sırasında okur; çalışma alanı arka planına, 3D ortamına, ışık yoğunluğuna ve varyant seçimine uygular. URL ile seçilen varyantlar WooCommerce özellik ve terim eşleştirmeleriyle çözümlenir. Özel renkler: Özel renk varyantı olan ürünlerde bu varyantı isteyebilir ve seçtiğiniz renk değerlerini doğrudan URL içinde iletebilirsiniz. Sorgu değerlerinde # karakterini %23 olarak kodlayın.

Kullanılabilir URL parametreleri

ParametreTürAçıklamaVarsayılan değer
bcgstringCustomizer arka plan modu: grad_f6f7fb_e8fff6, app_img_123 veya env. env modu, seçili ortam önizlemesini çalışma alanı arka planı olarak kullanır.Tasarım/tema varsayılanı
envintÇalışma zamanı ortam kimliği. 3D tuval için HDRI ortamını, bcg=env ile de ortam önizleme arka planını seçer.Tasarım/varsayılan
light_intensity0 - 23D tuval için ortam ışığı yoğunluğu. Aralık dışındaki değerler sınırlara çekilir.Tasarım/varsayılan
bcg_blur0 - 100app_img_* ve bcg=env önizleme arka planları dahil, görsel tabanlı Customizer arka planlarına uygulanan bulanıklık.0
bcg_brightness0 - 3Görsel tabanlı Customizer arka planlarının parlaklığı.1
bcg_underlaystringGörsel arka planların altındaki gradyan tabanı; örneğin grad_ffffff_f5f7fb.Tasarım/tema varsayılanı
attribute_pa_*stringWooCommerce ürün özelliği terimini önceden seçer. Kabul edilen anahtar biçimleri attribute_pa_color, pa_color ve color içerir; beden, renk, malzeme, baskı türü ve desen takma adları desteklenir.
custom_color0 / 1 / trueÜrün destekliyorsa özel renk varyantını ister. Aynı işlem color=custom ile de tetiklenebilir.0
picked_colorsstringdetailKey:%23hex biçiminde, virgülle ayrılmış özel renk geçersiz kılmaları; örneğin front:%23ff6b6b,back:%2300ff88. # karakteri URL içinde %23 olarak kodlanmalıdır.

Örnek

URL: https://alterproduct.com/app/customizer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_blur=0&bcg_brightness=1&bcg_underlay=grad_ffffff_f5f7fb&custom_color=1&picked_colors=front:%23ff6b6b

<iframe
  loading="lazy"
  title="Product Customizer"
  src="https://alterproduct.com/app/customizer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_blur=0&bcg_brightness=1&bcg_underlay=grad_ffffff_f5f7fb&custom_color=1&picked_colors=front:%23ff6b6b"
  width="100%"
  height="100%"
  frameBorder="0"
  allowFullScreen
></iframe>