Configurator – udseende (URL-parametre)

Tilpasning med URL-parametre

URL-parametre giver dig mulighed for at tilpasse Configurators udseende og adfærd uden at ændre koden. Parametrene kan konfigureres direkte i appen (f.eks. under fanen ”Del” eller i Configurator) og styrer baggrundstilstand, effekter på baggrundsbilleder, 3D-miljøbelysning, grænsefladens synlighed og synligheden af Læg i kurv. Forvalg af varianter (WooCommerce-attributter): Du kan også forvælge en bestemt produktvariant med forespørgselsparametre som attribute_pa_color, pa_size eller size. Disse fortolkes ud fra butikkens tilknytning af attributter/termer og gør det muligt at åbne Configurator med en bestemt farve, størrelse, et materiale, en trykmetode eller en egen farve valgt på forhånd.

Liste over tilgængelige URL-parametre

ParameterTypeBeskrivelseStandardværdi
nav0 / 1Skjuler (0) eller viser (1) navigationen. Kun tilgængelig i Business.1
add_to_cart0 / 1Skjuler (0) eller viser (1) knappen ”Læg i kurv”.0
bcgstrengScenens baggrundstilstand: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme eller env.Butik/standard
envintID for HDRI-miljøet, der bruges til scenebelysning. Når bcg=env, bruges miljøet også som synlig scenebaggrund.1
light_intensity0 - 2Lysstyrken i 3D-scenen.0.6
bcg_blur0 - 100Sløring af billedbaggrunde valgt med bcg=app_img_*, bcg=uploaded eller bcg=theme.0
bcg_brightness0 - 3Lysstyrke/emissionsniveau for billedbaggrunde.1
bcg_underlaystrengUnderlag bag billedbaggrunde. Brug grad_ffffff_f5f7fb til en farveovergang eller none for at fjerne det.Standardbaggrund
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/configurator/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 Configurator"
  src="https://alterproduct.com/app/configurator/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>