Ninaongezaje CSS maalum kwa duka langu lote au kwa sehemu moja?

CSS hubadilisha jinsi duka lako linavyoonekana: rangi, nafasi, ukubwa na zaidi. Unaweza kuongeza CSS yako mwenyewe mahali pawili katika the builder: kwa duka zima, au kwa sehemu moja tu.

Custom CSS kwa duka zima

Bofya aikoni ya gia na ufungue kichupo cha Custom CSS. Kisanduku kinaitwa CSS code: Hutumika kwa duka zima. CSS yako hupakia kwenye kila ukurasa wa soko unalohariri, na hakikisho huonyesha matokeo.

Itumie kwa kanuni zinazopaswa kutumika kila mahali, kwa mfano kuficha kipengele kwenye kurasa zote au kubadilisha mtindo wa kila kitufe. Kwa mfano, h1 { text-transform: uppercase; } huandika kichwa kikuu cha kila ukurasa kwa herufi kubwa.

Custom CSS kwa sehemu moja

Chagua sehemu kwenye kichupo cha Sections. Chini ya mipangilio yake, fungua kichupo cha Custom CSS. Kisanduku chake cha CSS code kinasema Hutumika kwa sehemu hii tu. Sehemu nyingi zinacho, ikiwa ni pamoja na kichwa, kijachini, hero, product info na checkout.

Hili ndilo chaguo salama zaidi. Storeep huongeza sehemu mbele ya kila kichaguzi chako, kwa hiyo kanuni zako haziwezi kubadilisha chochote nje yake.

• h2 { letter-spacing: 2px; } hubadilisha vichwa vilivyo ndani ya sehemu hii tu.
• Tumia & kupamba sehemu yenyewe: & { border-top: 1px solid #000; }.
• Kanuni za @media hufanya kazi. Kanuni zilizo ndani yake pia huwekewa mipaka ya sehemu.
• Uhuishaji wa @keyframes huhifadhiwa kama ulivyouandika.

CSS ya sehemu ni ya sehemu hiyo kwenye ukurasa huo. Tumia Apply to all pages kwenye sehemu ili kunakili sehemu, pamoja na CSS yake, kwenda kurasa zako nyingine zilizo nayo. Angalia Tumia kwa kurasa zote.

Nitumie ipi

• Sehemu moja inaonekana vibaya: tumia Custom CSS ya sehemu hiyo.
• Badiliko lile lile linahitajika kila mahali: tumia kichupo cha mipangilio cha Custom CSS.
• Kabla ya kuandika CSS, angalia kama kuna mpangilio unaofanya hivyo tayari: rangi ziko kwenye Mipango ya rangi, fonti kwenye Mipangilio ya fonti, na kona na vivuli hutoka kwenye mandhari yako.

CSS yako isipofanya kazi

• Angalia kama } au ; haipo. Kosa moja linaweza kusimamisha kanuni zinazofuata.
• Kanuni yako inaweza kuwa dhaifu kuliko kanuni ya mandhari. Fanya kichaguzi kiwe mahususi zaidi.
• Kwenye CSS ya sehemu, usianze kichaguzi chako na body au html. Viko nje ya sehemu, kwa hiyo kanuni haitalingana.
• Ukurasa ukionekana umeharibika, ondoa badiliko lako la mwisho, chapisha, na urudishe kanuni moja baada ya nyingine.

Vizuri kujua

• Custom CSS ni ya soko unalohariri. Irudie katika kila soko linaloihitaji.
• Kubadilisha mandhari kunaweza kubadilisha majina ya class na mpangilio, kwa hiyo angalia CSS yako maalum baada ya kubadilisha mandhari.
• Mabadiliko yanaonekana unapobofya Publish.
• Kwa HTML na msimbo ndani ya ukurasa, angalia Msimbo maalum.