Viewer — utforming (URL-parametere)

Utforming med URL-parametere

Med URL-parametere kan du tilpasse utseendet og oppførselen til Viewer uten å endre koden. Parametere kan konfigureres direkte i appen, for eksempel i fanen Del eller i Viewer. De styrer bakgrunnsmodus, effekter for bildebakgrunn, belysning i 3D-miljøet, grensesnittets synlighet og synligheten til Legg i handlekurv. Forhåndsvalg av varianter (WooCommerce-attributter): Du kan også forhåndsvelge en bestemt produktvariant med spørringsparametere som attribute_pa_color, pa_size eller size. Parameterne tolkes gjennom butikkens koblinger mellom attributter og termer, slik at Viewer kan åpnes med en bestemt farge, størrelse, materiale, trykkmetode eller egen farge.

Liste over tilgjengelige URL-parametere

ParameterTypeBeskrivelseStandardverdi
nav0 / 1Skjuler (0) eller viser (1) navigasjonen. Bare tilgjengelig i Business.1
add_to_cart0 / 1Skjuler (0) eller viser (1) knappen Legg i handlekurv.0
bcgstringScenens bakgrunnsmodus: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme eller env.Butikk/standard
envintID for HDRI-miljøet som brukes til scenebelysning. Ved bcg=env brukes miljøet også som synlig scenebakgrunn.1
light_intensity0 - 2Lysstyrken i 3D-scenen.0.6
bcg_blur0 - 100Uskarphet på bildebakgrunner valgt med bcg=app_img_*, bcg=uploaded eller bcg=theme.0
bcg_brightness0 - 3Lysstyrke/emisjonsnivå for bildebakgrunner.1
bcg_underlaystringUnderlag bak bildebakgrunner. Bruk grad_ffffff_f5f7fb for en gradient eller none for å fjerne underlaget.Standardbakgrunn
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/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>