Pagalba
Prisijungti

Pasirinktinio CSS pridėjimas prie temos

Pakopiniai stilių aprašai (CSS) keičia elementų rodymą jūsų temoje ir gali vienu metu valdyti kelių puslapių išvaizdą. Naudodami pasirinktinio CSS funkciją galite tinkinti temą labiau, nei leidžia integruoti temos nustatymai. Pavyzdžiui, galite naudoti CSS, kad nustatytumėte gradientus savo temos spalvų nustatymuose. Galite pridėti pasirinktinį CSS visai temai arba konkrečiai šablono skilčiai savo temoje. Pasirinktinis CSS nepalaikomas atsiskaitymo puslapyje.

Norint tinkinti CSS, reikia šiek tiek išmanyti CSS ir HTML. Prieš tinkindami temą įsitikinkite, kad suprantate, kokio lygio pagalba yra prieinama.

Šiame puslapyje

Svarstytini aspektai naudojant pasirinktinį CSS

Prieš pridėdami pasirinktinį CSS prie savo temos, peržiūrėkite šiuos svarstytinus aspektus:

  • Toliau nurodyti CSS parinkikliai ir ypatybės nepalaikomi pasirinktiniame CSS:
    • Negalima naudoti @ taisyklių: @import, @charset ir @namespace
    • Skilties lygio CSS leidžiamos tik @ taisyklės: @media, @container, @layer ir @supports
    • Skilties lygio CSS negalima nurodyti temos atvaizduojamo apgaubiančio „Shopify Section“ elemento, turinčio shopify-section klasę, ID ar klasių.
    • Ypatybė content nepasiekiama pasirinktiniame CSS
  • Jei pasirinktinio CSS taisyklė yra deklaruojama su žyma, kuri apgaubia pirminės skilties elementą, ji laikoma paveldinčiąja žyma, o stiliaus taisyklė taikoma tai skilčiai. Atkreipkite dėmesį, kad pagal numatytuosius nustatymus pirminė skiltis yra apgaubta <div> žyma, bet temos kūrėjai gali nustatyti bet kurią iš leistinų verčių skilties schemoje.
  • Šiuo metu naudojant URL pasirinktiniame CSS leidžiamas tik https://cdn.shopify.com domenas.
  • Pasirinktiniai šriftai nėra ribojami. Tačiau pasirinktiniai šriftai yra atskiras išteklius, kurį naršyklės atsisiunčia prieš atvaizduodamos tekstą, o tai gali turėti įtakos bendram parduotuvės našumui. Jūs esate atsakingi už tai, kad pasirinktiniai šriftai neturėtų neigiamos įtakos jūsų vitrinai. Sužinokite, kaip naudoti pasirinktinius šriftus savo temoje.
  • CSS taisyklės, turinčios įtakos visai temai, yra apribotos iki 1500 simbolių.
  • CSS taisyklės, turinčios įtakos konkrečiai skilčiai, yra apribotos iki 500 simbolių.
  • Priklausomai nuo naudojamų CSS parinkiklių ar klasių, atnaujinus temą jūsų pasirinktinis CSS gali nustoti veikti.

„Shopify“ nepalaiko sudėtingų temų tinkinimo. Jei susiduriate su klaida, susijusia su šiais apribojimais jūsų pasirinktiniame CSS, ir negalite nustatyti klaidos priežasties, peržiūrėkite kitų galimų pagalbos išteklių sąrašą.

Pasirinktinio CSS pridėjimas

Pasirinktinį CSS galima pridėti prie visos temos; jis turės įtakos visiems jūsų internetinės parduotuvės puslapiams, išskyrus atsiskaitymo puslapį. Pavyzdžiui, galite pakeisti mygtukų rodymo būdą visoje savo parduotuvėje.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Internetinė parduotuvė > Temos.

  2. Spustelėkite Redaguoti temą.

  3. Spustelėkite Temos nustatymai.

  4. Spustelėkite Pasirinktinis CSS.

  5. Pridėkite savo kodą.

  6. Spustelėkite Išsaugoti.

Pasirinktinio CSS laukelio vieta temos nustatymuose

Pasirinktinį CSS taip pat galima pridėti prie konkrečios temos skilties. Jei pridedate pasirinktinį CSS prie temos skilties, CSS taikymo sritis apima tik tą skiltį. Pavyzdžiui, vienai skilčiai galite pritaikyti pasirinktinį šrifto dydį arba fono spalvą.

Veiksmai:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Internetinė parduotuvė > Temos.

  2. Spustelėkite Redaguoti temą.

  3. Spustelėkite sekciją, kuriai norite pridėti CSS.

  4. Sekcijos ypatybių skydelio apačioje spustelėkite Pasirinktinis CSS.

  5. Pridėkite savo kodą.

  6. Spustelėkite Išsaugoti.

Pasirinktinio CSS laukelio vieta sekcijos nustatymuose

Papildomi ištekliai apie CSS

Norint tinkinti CSS, reikia šiek tiek išmanyti CSS ir HTML. Prieš tinkindami temą įsitikinkite, kad suprantate, kokio lygio pagalba yra prieinama.

Jei norite sužinoti daugiau apie CSS, galite peržiūrėti šiuos išteklius: