Pomoč
Prijava

Dodajanje prilagojenega CSS-ja v temo

Seznami slogov (CSS) spreminjajo način prikaza elementov v temi in lahko hkrati nadzorujejo videz več strani. Z uporabo funkcije prilagojenega CSS-ja lahko temo prilagodite bolj, kot omogočajo njene vgrajene nastavitve. V barvnih nastavitvah teme lahko na primer s CSS-jem nastavite prelive. Prilagojeni CSS lahko dodate za celotno temo ali za določen razdelek predloge v temi. Prilagojeni CSS ni podprt na strani Blagajna.

Prilagajanje CSS-ja zahteva določeno poznavanje CSS-ja in HTML-ja. Preden prilagodite temo, se prepričajte, da razumete, kakšna raven podpore je na voljo.

Na tej strani

Premisleki pri uporabi prilagojenega CSS-ja

Preden v temo dodate prilagojeni CSS, preglejte naslednje premisleke:

  • Naslednji izbirniki in lastnosti CSS v prilagojenem CSS-ju niso podprti:
    • Pravil at @import, @charset in @namespace ni mogoče uporabiti
    • Za CSS na ravni razdelka so dovoljena samo pravila at @media, @container, @layer in @supports
    • Pri CSS-ju na ravni razdelka ne morete ciljati na ID ali razrede zunanjega elementa razdelka Shopify, ki ga tema upodobi z razredom shopify-section
    • Lastnost content v prilagojenem CSS-ju ni na voljo
  • Če je pravilo prilagojenega CSS-ja deklarirano z oznako, ki ovija nadrejeni element razdelka, velja za podrejeno oznako, pravilo oblikovanja pa se uporabi za ta razdelek. Upoštevajte, da je nadrejeni razdelek privzeto zavit v oznako <div>, vendar lahko razvijalci teme to v shemi razdelka nastavijo na katero koli od dovoljenih vrednosti.
  • Trenutno je pri uporabi URL-naslovov v prilagojenem CSS-ju dovoljena samo domena https://cdn.shopify.com.
  • Prilagojene pisave niso omejene. Vendar pa so prilagojene pisave ločen vir, ki ga brskalniki prenesejo pred upodobitvijo besedila, kar lahko vpliva na splošno učinkovitost delovanja trgovine. Vaša odgovornost je, da zagotovite, da prilagojene pisave ne vplivajo negativno na domačo stran trgovine. Preberite, kako v temi uporabiti prilagojene pisave.
  • Pravila CSS, ki vplivajo na celotno temo, so omejena na 1500 znakov.
  • Pravila CSS, ki vplivajo na določen razdelek, so omejena na 500 znakov.
  • Glede na to, katere izbirnike ali razrede CSS uporabljate, lahko po posodobitvi teme prilagojeni CSS preneha delovati.

Shopify ne podpira naprednega prilagajanja tem. Če v prilagojenem CSS-ju naletite na napako, povezano s temi omejitvami, in ne morete ugotoviti njenega vzroka, si oglejte seznam drugih virov podpore, ki so na voljo.

Dodajanje prilagojenega CSS-ja

Prilagojeni CSS lahko dodate za celotno temo, tako da bo vplival na vse strani v vaši spletni trgovini, razen na stran Blagajna. Tako lahko na primer spremenite način prikaza gumbov v celotni trgovini.

Koraki:

  1. V skrbniku Shopify pojdite na Spletna trgovina > Teme.

  2. Kliknite Uredi temo.

  3. Kliknite Nastavitve teme.

  4. Kliknite Prilagojeni CSS.

  5. Dodajte svojo kodo.

  6. Kliknite Shrani.

Mesto polja s prilagojenim CSS-jem v nastavitvah teme

Prilagojeni CSS lahko dodate tudi določenemu razdelku teme. Če v razdelek teme dodate prilagojeni CSS, je področje uporabe tega CSS-ja omejeno na ta razdelek. Za posamezen razdelek lahko na primer uporabite prilagojeno velikost pisave ali barvo ozadja.

Koraki:

  1. V skrbniku Shopify pojdite na Spletna trgovina > Teme.

  2. Kliknite Uredi temo.

  3. Kliknite razdelek, ki mu želite dodati CSS.

  4. Na dnu plošče z lastnostmi razdelka kliknite Prilagojeni CSS.

  5. Dodajte svojo kodo.

  6. Kliknite Shrani.

Mesto polja s prilagojenim CSS-jem v nastavitvah razdelka

Dodatni viri za CSS

Prilagajanje CSS-ja zahteva določeno poznavanje CSS-ja in HTML-ja. Preden prilagodite temo, se prepričajte, da razumete, kakšna raven podpore je na voljo.

Če želite o CSS-ju izvedeti več, lahko raziščete nekatere od naslednjih virov: