Customizer — utforming (URL-parametere)

Utforming med URL-parametere

URL-parametere lar deg åpne Customizer med forhåndsdefinerte visuelle innstillinger og produktvalg uten å endre innebyggingskoden. Customizer leser parameterne ved innlasting og bruker dem på arbeidsområdets bakgrunn, 3D-miljøet, lysstyrken og variantvalget. Varianter valgt via URL tolkes gjennom WooCommerce-koblinger mellom attributter og termer. Egne farger: For produkter med varianter med egen farge kan du be om denne varianten og sende valgte fargeverdier direkte i URL-en. Kod # som %23 i spørringsverdier.

Liste over tilgjengelige URL-parametere

ParameterTypeBeskrivelseStandardverdi
bcgstringBakgrunnsmodus for Customizer: grad_f6f7fb_e8fff6, app_img_123 eller env. Modusen env bruker forhåndsvisningen av valgt miljø som bakgrunn i arbeidsområdet.Standard for design/tema
envintID for runtime-miljøet. Velger HDRI-miljøet for 3D-lerretet og, med bcg=env, også miljøets forhåndsvisning som bakgrunn.Design/standard
light_intensity0 - 2Lysstyrken fra miljøet på 3D-lerretet. Verdier utenfor området begrenses.Design/standard
bcg_blur0 - 100Uskarphet på Customizer-bildebakgrunner, inkludert app_img_* og forhåndsvisningsbakgrunner med bcg=env.0
bcg_brightness0 - 3Lysstyrke for Customizer-bildebakgrunner.1
bcg_underlaystringGradientunderlag bak bildebakgrunner, for eksempel grad_ffffff_f5f7fb.Standard for design/tema
attribute_pa_*stringForhåndsvelg en attributtverdi for et WooCommerce-produkt. Godkjente nøkkelformer inkluderer attribute_pa_color, pa_color og color. Støttede aliaser omfatter størrelse, farge, materiale, trykktype og mønster.
custom_color0 / 1 / trueBer om varianten med egen farge når produktet støtter dette. Det samme kan utløses med color=custom.0
picked_colorsstringKommaseparerte overstyringer av egne farger på formatet detailKey:%23hex, for eksempel front:%23ff6b6b,back:%2300ff88. Tegnet # må URL-kodes som %23.

Eksempel

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>