Viewer – Stilizare (parametri URL)

Stilizare cu parametri URL

Parametrii URL permit personalizarea aspectului și comportamentului Viewer fără modificarea codului. Ei pot fi configurați direct în aplicație, de exemplu în fila Distribuie sau în Viewer, și controlează modul fundalului, efectele imaginilor de fundal, iluminarea mediului 3D, vizibilitatea interfeței și a opțiunii Adaugă în coș. Preselectarea variantelor (atribute WooCommerce): Poți preselecta o variantă de produs cu parametri precum attribute_pa_color, pa_size sau size. Acești parametri folosesc maparea atributelor și termenilor magazinului și permit deschiderea Viewer cu o anumită culoare, mărime, material, metodă de imprimare sau culoare personalizată deja selectată.

Lista parametrilor URL disponibili

ParametruTipDescriereValoare implicită
nav0 / 1Ascunde (0) sau afișează (1) navigarea. Disponibil doar în Business.1
add_to_cart0 / 1Ascunde (0) sau afișează (1) butonul „Adaugă în coș”.0
bcgstringModul fundalului scenei: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme sau env.Magazin/implicit
envintID-ul mediului HDRI folosit pentru iluminarea scenei. Când bcg=env, mediul este folosit și ca fundal vizibil al scenei.1
light_intensity0 - 2Intensitatea luminii în scena 3D.0.6
bcg_blur0 - 100Estompare aplicată imaginilor de fundal selectate cu bcg=app_img_*, bcg=uploaded sau bcg=theme.0
bcg_brightness0 - 3Luminozitate/nivel emisiv pentru imaginile de fundal.1
bcg_underlaystringFundal sub imaginile de fundal. Folosește grad_ffffff_f5f7fb pentru un degrade sau none pentru a-l elimina.Implicit pentru fundal
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/viewer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m

<iframe
  loading="lazy"
  title="Product Viewer"
  src="https://alterproduct.com/app/viewer/1?bcg=grad_f6f7fb_e8fff6&env=8&light_intensity=1.2&bcg_underlay=none&add_to_cart=1&nav=0&attribute_pa_color=white&attribute_pa_size=m"
  width="100%"
  height="100%"
  frameBorder="0"
  allowFullScreen
></iframe>