Viewer – vzhled (parametry URL)

Úprava vzhledu pomocí parametrů URL

Parametry URL umožňují přizpůsobit vzhled a chování Vieweru bez úprav kódu. Parametry lze nastavit přímo v aplikaci (například na kartě Sdílet nebo ve Vieweru). Umožňují ovládat režim pozadí, efekty obrázkového pozadí, osvětlení 3D prostředí, viditelnost rozhraní a tlačítka Přidat do košíku. Předvolba variant (vlastnosti WooCommerce): Konkrétní variantu produktu můžete předem vybrat pomocí parametrů dotazu, jako jsou attribute_pa_color, pa_size nebo size. Parametry se vyhodnocují podle mapování vlastností a jejich hodnot v obchodě a umožňují otevřít Viewer s nastavenou barvou, velikostí, materiálem, metodou tisku nebo vlastní barvou.

Seznam dostupných parametrů URL

ParametrTypPopisVýchozí hodnota
nav0 / 1Skryje (0) nebo zobrazí (1) navigaci. Dostupné pouze v Business.1
add_to_cart0 / 1Skryje (0) nebo zobrazí (1) tlačítko Přidat do košíku.0
bcgstringRežim pozadí scény: grad_f6f7fb_e8fff6, app_img_123, uploaded, theme nebo env.Výchozí nastavení obchodu
envintID prostředí HDRI použitého pro osvětlení scény. Při bcg=env se prostředí použije také jako viditelné pozadí scény.1
light_intensity0 - 2Intenzita osvětlení 3D scény.0.6
bcg_blur0 - 100Rozmazání obrázkového pozadí zvoleného pomocí bcg=app_img_*, bcg=uploaded nebo bcg=theme.0
bcg_brightness0 - 3Úroveň jasu či vyzařování obrázkového pozadí.1
bcg_underlaystringPodkladová vrstva za obrázkovým pozadím. Pro přechod použijte grad_ffffff_f5f7fb, pro odstranění none.Výchozí nastavení pozadí
attribute_pa_*stringPředem vybere hodnotu vlastnosti produktu WooCommerce. Přijímané formy klíčů zahrnují attribute_pa_color, pa_color a color; podporované aliasy zahrnují velikost, barvu, materiál, typ tisku a vzor.
custom_color0 / 1 / trueVyžádá variantu s vlastní barvou, pokud ji produkt podporuje. Totéž lze vyvolat pomocí color=custom.0
picked_colorsstringVlastní barvy oddělené čárkami ve formátu detailKey:%23hex, například front:%23ff6b6b,back:%2300ff88. Znak # musí být v URL zakódován jako %23.

Příklad

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>