Pomoč
Prijava

Uporaba urejevalnika blagovne znamke v aplikaciji Checkout Blocks

Urejevalnik blagovne znamke v aplikaciji Checkout Blocks, ki ga omogoča Checkout Branding API, lahko uporabite za prilagoditev videza strani blagajne in računov brez spreminjanja kode.

Z urejevalnikom blagovne znamke lahko urejate barve in elemente blagajne za katero koli konfiguracijo blagajne. Spremembe, ki jih v oblikovanju blagajne naredite z urejevalnikom blagovne znamke, se uporabijo na vseh straneh blagajne, vključno z zahvalno stranjo, stranjo stanja naročila in stranmi novih računov strank.

Če želite urejevalnik blagovne znamke zagnati v skrbniku Shopify, kliknite Aplikacije > Checkout Blocks in nato kliknite Urejevalnik blagovne znamke.

Na tej strani

Prilagoditev barv blagajne

V razdelku Barve lahko prilagodite osnovne barve blagajne. Prilagodite lahko tudi do 4 barvne sheme, ki veljajo za posamezne razdelke, če želite v oblikovanju narediti podrobnejše spremembe. Urejate lahko vrste barv, vključno z barvami poudarkov (za interaktivne elemente, kot so povezave) in barvami blagovne znamke (ki se uporabljajo za elemente, kot so primarni in sekundarni gumbi).

Koraki:

Prilagoditev globalnih barv

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. V razdelku Barve kliknite Globalne barve.

  4. Če želite preglasiti katero koli obstoječo barvo blagajne, v razdelku Globalne barve kliknite ikono ⊕ in nato izberite želeno barvo tako, da storite nekaj od naslednjega:

    • Uporabite izbirnik barv, da izberete barvo.
    • V razpoložljivo polje vnesite barvno kodo HEX.

  5. Kliknite Shrani.

Prilagoditev barvnih shem

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. V razdelku Barve kliknite Shema 1, Shema 2, Shema 3 ali Shema 4, da prilagodite določeno barvno shemo.

  4. Izberite katero koli od naslednjih komponent, ki jo želite prilagoditi:

    • Glavne barve
    • Kontrolniki obrazca
    • Primarni gumb
    • Sekundarni gumb

  5. V razdelku Osnova kliknite ikono ⊕ ob vrsti barve, ki jo želite prilagoditi, nato pa izberite želeno barvo tako, da izvedete eno od naslednjih dejanj:

    • Uporabite izbirnik barv, da izberete barvo.
    • V razpoložljivo polje vnesite barvno kodo HEX.

  6. Izbirno: Če urejate shemo za Kontrolnike obrazca, Primarni gumb ali Sekundarni gumb, lahko prilagodite tudi barve za interakciji Ob izbiri ali Ob pomiku miške. Kliknite ikono ⊕ ob vrsti barve, ki jo želite prilagoditi, nato pa izberite želeno barvo tako, da izvedete eno od naslednjih dejanj:

    • Uporabite izbirnik barv, da izberete barvo.
    • V razpoložljivo polje vnesite barvno kodo HEX.

  7. Kliknite Shrani.

Prilagoditev elementov blagajne

V razdelku urejevalnika blagovnih znamk Prilagoditve lahko urejate naslednje elemente blagajne:

  • Favicon: Izberite ikono, ki se na blagajni strankam prikaže v zavihku brskalnika.
  • Globalno: Prilagodite polmer kota za vse elemente (vnosna polja obrazca, gumbe in kartice).
  • Glava in logotip: Izberite položaj glave na blagajni ter določite, ali naj se prikažejo navigacijska pot, povezava do košarice in logotip.
  • Glavno: Uporabite sheme oblikovanja za glavno območje vsebine na blagajni, vključno s slikami ozadja, širinami obrob in barvnimi shemami.
  • Povzetek naročila: Uporabite sheme oblikovanja za stransko vrstico blagajne, ki vsebuje strankin povzetek naročila, vključno s slikami ozadja, širinami obrob in barvnimi shemami.
  • Noga: Izberite širino noge na blagajni ter določite, ali naj se prikažejo pravilniki trgovine.
  • Tipografija: Izberite velikost, družino in debelino pisave, velikost, spodrezovanje in velikost črk za do 3 ravni naslovov.
  • Gumbi: Izberite odmik (padding), obrobe in sloge primarnih in sekundarnih gumbov.
  • Obrazci: Prilagodite sloge za vnosna polja obrazca na blagajni, kot so potrditvena polja, besedilna polja in izbrane možnosti s seznama.
  • Sličice izdelkov: Prilagodite sloge obrob in polmerov kotov za slike izdelkov na blagajni.

Koraki:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. V razdelku Prilagoditve kliknite poljuben element, ki ga želite prilagoditi, na primer Glava in logotip.

  4. Z razpoložljivimi možnostmi prilagajanja prilagodite element blagajne po svojih željah.

  5. Kliknite Shrani.

Zamenjava konfiguracij blagajne

Ko odprete urejevalnik blagovne znamke, privzeto urejate konfiguracijo blagajne, ki je trenutno Aktivna. Kljub temu lahko spremenite, katero konfiguracijo blagajne želite urejati z urejevalnikom blagovne znamke, in ustvarite nove konfiguracije blagajne.

Več informacij o upravljanju aktivnih konfiguracij blagajne in osnutkov konfiguracij blagajne.

Koraki:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. Kliknite ime trenutne konfiguracije blagajne, da odprete spustni meni s seznamom aktivne konfiguracije in vseh osnutkov konfiguracij, nato pa izberite konfiguracijo blagajne, ki jo želite prilagoditi:

    • Izberite obstoječo konfiguracijo, ki jo želite urediti.
    • Kliknite ⊕ Ustvari novo konfiguracijo, da boste preusmerjeni v nastavitve za Blagajno v vašem skrbniku Shopify.

Predogled blagajne

Spremembe, ki jih naredite v urejevalniku blagovnih znamk, lahko kadar koli predogledate tako, da izberete konfiguracijo blagajne za predogled in kliknete Predogled. Urejevalnik blagajne in računov se zažene v ločenem zavihku z vsemi uporabljenimi spremembami, tako da si lahko ogledate, kako so prikazane na blagajni.

Koraki:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. Prilagodite barve ali elemente blagajne v vaši konfiguraciji blagajne, ki jih želite spremeniti.

  4. Kliknite Predogled.

Izvoz in uvoz konfiguracij blagajne

Konfiguracije blagajne lahko izvozite in uvozite z datotekami JSON.

Izvozite konfiguracijo blagajne:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. Izberite konfiguracijo blagajne s prilagoditvami, ki so bile uporabljene z urejevalnikom blagovnih znamk.

  4. Kliknite Več dejanj > Izvozi konfiguracijo.

Konfiguracija blagajne se prenese v vašo lokalno napravo kot datoteka .json.

Uvozite konfiguracijo blagajne:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. Izberite konfiguracijo blagajne, v kateri želite uporabiti uvožen profil blagovne znamke.

  4. Kliknite Več dejanj > Uvozi konfiguracijo.

  5. V pogovornem oknu Uvoz blagovne znamke za blagajno naložite datoteko JSON vaše blagovne znamke:

    1. Kliknite Dodaj datoteko.
    2. Izberite ustrezno datoteko JSON v svoji napravi.
    3. Kliknite Uvozi in nadaljuj.

  6. Preglejte vnaprej naloženo konfiguracijo prilagoditev. Po potrebi jo spremenite.

  7. Kliknite Shrani.

Ponastavite slog blagajne na privzetega

Ko urejate barvo ali element blagajne z urejevalnikom blagovnih znamk, lahko določeno vrednost ponastavite nazaj na privzeto vrednost tako, da kliknete Ponastavi ob barvi ali elementu, ki ste ga spremenili.

Blagovno znamko celotne konfiguracije blagajne lahko kadar koli ponastavite na privzete vrednosti Shopifyja. S ponastavitvijo konfiguracije blagajne se počistijo vse prilagoditve na vseh straneh urejevalnika blagovnih znamk. Tega dejanja ni mogoče razveljaviti.

Koraki:

  1. V skrbniku Shopify pojdite v razdelek Aplikacije > Checkout Blocks.

  2. Kliknite Urejevalnik blagovne znamke.

  3. Izberite konfiguracijo blagajne, ki jo želite ponastaviti.

  4. Kliknite Ponastavi na privzeto.

  5. V pogovornem oknu Ali želite ponastaviti na privzete sloge? kliknite Nadaljuj.