Customizer - Stilizare (parametri URL)

Stilizare cu parametri URL

Parametrii URL permit deschiderea Customizer cu setări vizuale și opțiuni de produs predefinite, fără modificarea codului de încorporare. Customizer citește acești parametri la încărcare și îi aplică fundalului spațiului de lucru, mediului 3D, intensității luminii și selecției variantelor. Variantele selectate prin URL sunt rezolvate folosind mapările atributelor și termenilor WooCommerce. Culori personalizate: Pentru produsele cu variante de culoare personalizată, poți solicita culoarea personalizată și transmite valorile alese direct în URL. Codifică # ca %23 în valorile parametrilor.

Lista parametrilor URL disponibili

ParametruTipDescriereValoare implicită
bcgstringModul fundalului Customizer: grad_f6f7fb_e8fff6, app_img_123 sau env. Modul env folosește previzualizarea mediului selectat ca fundal al spațiului de lucru.Implicit pentru design/temă
envintID-ul mediului de execuție. Selectează mediul HDRI pentru suprafața 3D și, cu bcg=env, și fundalul de previzualizare a mediului.Design/implicit
light_intensity0 - 2Intensitatea luminii mediului pentru suprafața 3D. Valorile din afara intervalului sunt limitate la extreme.Design/implicit
bcg_blur0 - 100Estompare aplicată fundalurilor de tip imagine din Customizer, inclusiv app_img_* și previzualizările bcg=env.0
bcg_brightness0 - 3Luminozitatea fundalurilor de tip imagine din Customizer.1
bcg_underlaystringDegrade sub fundalurile de tip imagine, de exemplu grad_ffffff_f5f7fb.Implicit pentru design/temă
attribute_pa_*stringPreselectează un termen de atribut de produs WooCommerce. Formatele de cheie acceptate includ attribute_pa_color, pa_color și color; aliasurile acceptate includ mărime, culoare, material, tip de imprimare și motiv.
custom_color0 / 1 / trueSolicită varianta de culoare personalizată dacă produsul o acceptă. Poate fi activată și cu color=custom.0
picked_colorsstringSuprascrieri de culori personalizate separate prin virgulă, în formatul detailKey:%23hex, de exemplu front:%23ff6b6b,back:%2300ff88. Caracterul # trebuie codificat în URL ca %23.

Exemplu

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>