Customizer - Stile (parametri URL)

Stile con parametri URL

I parametri URL permettono di aprire il Customizer con impostazioni visive e opzioni di prodotto predefinite senza modificare il codice di incorporamento. Il Customizer legge questi parametri al caricamento e li applica allo sfondo dell'area di lavoro, all'ambiente 3D, all'intensità della luce e alla selezione delle varianti. Le varianti selezionate tramite URL vengono risolte usando le mappature degli attributi e dei termini WooCommerce. Colori personalizzati: Per i prodotti con varianti di colore personalizzato, puoi richiedere il colore personalizzato e passare i valori scelti direttamente nell'URL. Codifica # come %23 nei valori dei parametri.

Elenco dei parametri URL disponibili

ParametroTipoDescrizioneValore predefinito
bcgstringModalità dello sfondo del Customizer: grad_f6f7fb_e8fff6, app_img_123 o env. La modalità env usa l'anteprima dell'ambiente selezionato come sfondo dell'area di lavoro.Predefinito del design/tema
envintID dell'ambiente runtime. Seleziona l'ambiente HDRI per l'area di lavoro 3D e, con bcg=env, anche lo sfondo di anteprima dell'ambiente.Design/predefinito
light_intensity0 - 2Intensità della luce ambientale nell'area di lavoro 3D. I valori fuori intervallo vengono limitati agli estremi.Design/predefinito
bcg_blur0 - 100Sfocatura applicata agli sfondi immagine del Customizer, comprese le anteprime app_img_* e bcg=env.0
bcg_brightness0 - 3Luminosità degli sfondi immagine del Customizer.1
bcg_underlaystringSfumatura sottostante agli sfondi immagine, ad esempio grad_ffffff_f5f7fb.Predefinito del design/tema
attribute_pa_*stringPreseleziona un termine di attributo di prodotto WooCommerce. Le chiavi accettate includono attribute_pa_color, pa_color e color; gli alias supportati includono taglia, colore, materiale, tipo di stampa e motivo.
custom_color0 / 1 / trueRichiede la variante di colore personalizzato quando il prodotto la supporta. Si può attivare anche con color=custom.0
picked_colorsstringSovrascritture dei colori personalizzati separate da virgole nel formato detailKey:%23hex, ad esempio front:%23ff6b6b,back:%2300ff88. Il carattere # deve essere codificato nell'URL come %23.

Esempio

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>