Customizer - vzhled (parametry URL)

Úprava vzhledu pomocí parametrů URL

Parametry URL umožňují otevřít Customizer s předdefinovaným vzhledem a možnostmi produktu bez změny kódu vložení. Customizer při načtení přečte parametry a použije je pro pozadí pracovního prostoru, 3D prostředí, intenzitu osvětlení a výběr variant. Varianty z URL se vyhodnocují podle mapování vlastností a jejich hodnot ve WooCommerce. Vlastní barvy: U produktů s variantami vlastních barev můžete vyžádat vlastní barvu a předat zvolené hodnoty přímo v URL. Znak # v hodnotách dotazu zakódujte jako %23.

Seznam dostupných parametrů URL

ParametrTypPopisVýchozí hodnota
bcgstringRežim pozadí Customizeru: grad_f6f7fb_e8fff6, app_img_123 nebo env. Režim env použije náhled vybraného prostředí jako pozadí pracovního prostoru.Výchozí nastavení návrhu/motivu
envintID běhového prostředí. Vybírá prostředí HDRI pro 3D plátno a při bcg=env také jeho náhled jako pozadí.Výchozí nastavení návrhu
light_intensity0 - 2Intenzita osvětlení prostředí pro 3D plátno. Hodnoty mimo rozsah se omezí na jeho hranice.Výchozí nastavení návrhu
bcg_blur0 - 100Rozmazání obrázkových pozadí Customizeru, včetně app_img_* a náhledových pozadí bcg=env.0
bcg_brightness0 - 3Jas obrázkových pozadí Customizeru.1
bcg_underlaystringPodkladový přechod za obrázkovým pozadím, například grad_ffffff_f5f7fb.Výchozí nastavení návrhu/motivu
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/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>