Mipangilio hii iko wapi
Chapa hupangwa kwa kila soko, na ndani ya soko huathiri kila ukurasa kwa wakati mmoja. Fungua mjenzi, chagua soko kwa kitufe cha masoko (bendera ya nchi) juu ya upau wa kando wa kushoto, kisha fungua kichupo cha Settings (ikoni ya gia). Settings ina vichupo vyake vidogo kwa mpangilio huu: Branding, Colors, Fonts, Layout, Animations, Automations, Inputs, Icons, Prohibitions, Checkout, Checkout form, Maintenance page, Custom CSS, na Custom Javascript. Mabadiliko hutumika kwa soko ulilochagua na huwa hai unapobofya Publish. Kubadilisha masoko hupakia tena rangi, fonti, na mpangilio wa soko hilo wenyewe.
Mipangilio ya rangi
Kichupo cha Colors kina hadi mipangilio 9 ya rangi. Mara unapofikia kikomo, kadi ya kuongeza hugeuka kuwa beji ya hesabu iliyozimwa kama 9/9. Kila sehemu, kizuizi, na kijenzi hurejelea mpangilio mmoja kwa nambari yake, hivyo kubadilisha rangi za mpangilio hurekebisha papo hapo kila sehemu inayotumia mpangilio huo kwenye kurasa zote. Bofya-kulia kadi ya mpangilio ili kuiga au kuifuta.
Majukumu ya rangi katika kila mpangilio
Kila mpangilio hubainisha majukumu haya, yote yamewekwa kama thamani za hex:
- Background: mandharinyuma kuu ya sehemu.
- Inner Background: mandharinyuma yenye rangi nyepesi kwa kadi na maudhui yaliyowekwa ndani ya sehemu.
- Heading: rangi ya maandishi ya vichwa.
- Text: rangi ya maandishi ya aya na mwili.
- Important text: maandishi yaliyosisitizwa kama bei na thamani zilizoangaziwa.
- Links na Hover links: rangi ya kiungo katika hali yake ya kawaida na ya kuelekezwa.
- Border: mipaka ya vipengele na mistari ya kugawanya.
- Outline: pete za umakini na mistari ya lafudhi ambayo lazima ijitokeze zaidi ya mipaka.
- Shadow: rangi ya kivuli cha sanduku (mara nyingi nusu-uwazi).
- Primary button: mandharinyuma, maandishi, na mpaka, kila moja yenye rangi yake tofauti ya kuelekezwa (thamani 6 jumla).
- Secondary button: mandharinyuma, maandishi, na mpaka, kila moja yenye rangi yake tofauti ya kuelekezwa (thamani 6 jumla).
- Input mandharinyuma, maandishi, mpaka, na lebo: mtindo wa sehemu za fomu.
- Input hover background: mandharinyuma ya kuingiza wakati mnunuzi anapoelekeza sehemu.
Vidokezo kwa mipangilio imara
- Bakiza Background nyepesi isiyoegemea kwenye sehemu nyingi na uhifadhi rangi jasiri kwa mpangilio mmoja wa lafudhi kwenye sehemu za hero na za wito wa kitendo.
- Fanya Primary Button Background itofautike wazi na Background ya sehemu ili kitufe kijitokeze.
- Weka Inner Background kama rangi nyepesi kidogo ya Background kuu ili kadi zisomeke kama tofauti bila kushtua.
- Lenga angalau utofautishaji wa 4.5:1 kati ya maandishi na mandharinyuma yake.
Fonti
Kichupo cha Fonts huoanisha majukumu manne kwa familia ya fonti kila moja:
- Body: maandishi ya aya na maelezo.
- Heading: vichwa vyote kwenye duka.
- Subheading: vichwa vidogo na vichwa vidogo vya sehemu.
- Accent: fonti ya kimtindo kwa bei, beji, na msisitizo wa mapambo.
Fonti zinazopatikana: Inter, Helvetica, SF Mono, New York, System UI, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface, na Acme. Kwa maduka yenye maudhui ya Kiarabu, kila fonti huoanishwa kiotomatiki na mwenza wake wa Kiarabu, hivyo hauchagui fonti ya Kiarabu kando.
Upana wa ukurasa
Kichupo cha Layout kina kitelezi cha Page width kinachoweka upana wa juu wa gridi kuu ya maudhui, kutoka 900 hadi 1400 px kwa hatua za 100 (yaani 900, 1000, 1100, 1200, 1300, au 1400; chaguomsingi ni 1200). Sehemu zilizowekwa kwenye upana wa Page hubanwa kwa thamani hii; sehemu zilizowekwa kwenye Full daima hutanda kwenye onyesho lote bila kujali. Kwenye maonyesho membamba kuliko upana uliochaguliwa, sehemu hupungua ili kujaza 100% ya skrini.
Nembo
Nembo huwekwa katika sehemu mbili: kizuizi cha Logo ndani ya sehemu ya Header, na kizuizi cha About Us kwenye kijachini. Bofya kizuizi, kisha tumia kichukua-picha chake cha Logo kuchagua picha kutoka maktaba yako ya midia au kupakia mpya. Baada ya kuichagua, weka Width na Height ya kuonyesha (kila moja 20 hadi 300 px); kipimo kingine hujipima kiotomatiki ili kubakiza uwiano wa mwonekano. Nembo ya kichwa hudumu 120 px upana kwa 50 px urefu kwa chaguomsingi, na unaweza kuweka nafasi yake ya mlalo (kushoto, katikati, au kulia) na nafasi. Kwa chaguomsingi nembo ya kichwa huunganisha kwenye ukurasa wa nyumbani; unaweza kuifanya kuwa ya mapambo tu kwa kuzima kibonyezo cha Logo redirects to home katika kikundi cha Header cha kichupo cha Prohibitions.
Favicon
Weka favicon katika kichupo cha Branding. Bofya Select favicon na chagua picha ya PNG, JPEG, WEBP, au ICO (ukubwa unaopendekezwa 32x32 au 16x16 px). Inaonekana kwenye vichupo vya kivinjari na alamisho.
Picha ya mandharinyuma ya mwili
Pia katika kichupo cha Branding, unaweza kwa hiari kuweka Body image nyuma ya duka zima (PNG, JPEG, au WEBP). Mara picha inapochaguliwa, vidhibiti viwili huonekana: Size (Cover hujaza onyesho, ikikata kama inahitajika; Contain hutosheleza picha nzima) na Repeat (ikiwashwa, picha hujipangilia kama matofali na huteleza pamoja na ukurasa; ikizimwa, picha moja hubaki imewekwa kwenye onyesho huku maudhui yakiteleza juu yake). Tumia picha iliyobanwa kwa nguvu ili kuepuka kupunguza kasi ya upakiaji wa ukurasa.
CSS na JavaScript za kawaida
Kwa mabadiliko ambayo mipangilio ya kawaida haiwezi kufanya, kichupo cha Custom CSS na kichupo cha Custom Javascript kila kimoja hukubali hadi herufi 1,000 zinazoingizwa na kuendeshwa kwenye kila ukurasa wa duka. Vitumie kwa uangalifu. Kwa mtindo unaolengwa kwa sehemu moja, kila sehemu pia ina kichupo chake cha Custom CSS ndani ya paneli yake ya kudhibiti, ambacho ni salama zaidi kuliko sehemu ya tovuti nzima.