Customizer – udseende (URL-parametre)

Tilpasning med URL-parametre

URL-parametre giver dig mulighed for at åbne Customizer med foruddefinerede visuelle indstillinger og produktvalg uden at ændre indlejringskoden. Customizer læser parametrene ved indlæsning og anvender dem på arbejdsområdets baggrund, 3D-miljø, lysstyrke og variantvalg. Varianter valgt via URL fortolkes ud fra WooCommerce-tilknytninger af attributter og termer. Egne farver: For produkter med varianter med egen farve kan du anmode om den egne farve og sende valgte farveværdier direkte i URL'en. Kod # som %23 i forespørgselsværdier.

Liste over tilgængelige URL-parametre

ParameterTypeBeskrivelseStandardværdi
bcgstrengCustomizers baggrundstilstand: grad_f6f7fb_e8fff6, app_img_123 eller env. Tilstanden env bruger forhåndsvisningen af det valgte miljø som arbejdsområdets baggrund.Designets/temaets standard
envintRuntime-miljø-ID. Vælger HDRI-miljøet til 3D-lærredet og, med bcg=env, også miljøforhåndsvisningen som baggrund.Design/standard
light_intensity0 - 2Miljøets lysstyrke på 3D-lærredet. Værdier uden for intervallet begrænses.Design/standard
bcg_blur0 - 100Sløring af billedbaserede Customizer-baggrunde, herunder app_img_* og forhåndsvisningsbaggrunde med bcg=env.0
bcg_brightness0 - 3Lysstyrke for billedbaserede Customizer-baggrunde.1
bcg_underlaystrengUnderlag med farveovergang bag billedbaserede baggrunde, f.eks. grad_ffffff_f5f7fb.Designets/temaets standard
attribute_pa_*strengForvælg en attributterm for et WooCommerce-produkt. Accepterede nøgleformer omfatter attribute_pa_color, pa_color og color; der understøttes aliaser for størrelse, farve, materiale, tryktype og mønster.
custom_color0 / 1 / trueAnmoder om varianten med egen farve, hvis produktet understøtter den. Det samme kan udløses med color=custom.0
picked_colorsstrengKommaseparerede tilsidesættelser af egne farver i formatet detailKey:%23hex, f.eks. front:%23ff6b6b,back:%2300ff88. Tegnet # skal 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>