Pereiti prie pagrindinio turinio
Dizainas ir pritaikymas

Valdiklio išdėstymo ir fono dekoracijos pasirinkimas

Šiame vadove aptariami trys rinkinio valdiklio išvaizdos nustatymai: bendras išdėstymas, didžiausias konteinerio plotis ir pasirenkama pasirinkto pasiūlymo fono dekoracija. Atidarykite skirtuką Style, kuriame rasite išdėstymo, pločio ir dekoracijos valdiklius.

Nustatykite valdiklio išdėstymą

Skirtukas „Style“ su pasirinktu „Stacked“ valdiklio išdėstymu, antraštės lygiavimo ir kainos valdikliais šalia išsaugotos šiltų spalvų peržiūros.
(1) Atidarykite „Style“. (2) „Widget layout“ išdėsto pasiūlymų korteles. Peržiūroje rodoma „Stacked“, o produktų rinkinio viduje esantiems produktams taikomi atskiri išdėstymo valdikliai.
Skiltyje „Style“ pasirinktas „Grid“ valdiklio išdėstymas, o peržiūroje trys kiekio pakopos rodomos viena šalia kitos.
(1) „Grid“ išdėsto pasiūlymų korteles vieną šalia kitos. (2) Peržiūroje patikrinkite kortelių ilgius ir kainas; „Equal block size“ gali sulygiuoti kortelių aukščius. Ši išdėstymo peržiūra buvo atmesta.

Išdėstymas nustato, kaip valdiklyje išdėstomos pasiūlymų kortelės, t. y. jūsų kiekio nuolaidų pakopos.

  1. Atidarykite rinkinį, kurį norite redaguoti.
  2. Atidarykite skirtuką Style.
  3. Skiltyje Widget layout pasirinkite vieną iš parinkčių:
    • Stacked - pasiūlymų kortelės išdėstomos viena virš kitos. Tai numatytoji parinktis.
    • Grid - pasiūlymų kortelės išdėstomos viena šalia kitos.

Naudokite tiesioginę peržiūrą, kad patikrintumėte, kuris išdėstymas geriausiai tinka jūsų produkto puslapiui.

Šis nustatymas išdėsto pasiūlymų korteles. Norėdami išdėstyti produktus viename produkto rinkinio pasiūlyme, naudokite atskirus to pasiūlymo bundle layout valdiklius.

Pasirinkite didžiausią konteinerio plotį

Valdiklio stiliaus skydelis „Container“ su parinktu „Full width“, nulinėmis viršutine ir apatine paraštėmis bei raudona „Alert“ spalva, šalia valdiklio peržiūros.
(1) Didžiausias plotis ir paraštės valdo valdiklį jo temos konteineryje. (2) „Alert“ spalva taikoma mažo likučio tekstui.

Didžiausias plotis nustato, kokio pločio gali būti visas valdiklio konteineris produkto puslapyje. Jis yra skilties Container dalyje, esančioje skirtuke Style.

  1. Skirtuke Style atidarykite skiltį Container.
  2. Naudodami išskleidžiamąjį sąrašą Max width pasirinkite vieną iš parinkčių:
    • Shopify default (44rem) - valdiklio plotis apribojamas iki 44rem galimoje erdvėje.
    • Visas plotis (100 %) - valdiklis užpildo visą stulpelyje esančią laisvą vietą. Tai numatytoji naujų rinkinių parinktis.
    • Pasirinktinis - nustatykite savo reikšmę.
  3. Jei pasirinksite Pasirinktinis, bus rodomas Pločio laukas. Įveskite reikšmę pikseliais (px).

Visas plotis užpildo laisvą pagrindinio konteinerio vietą, tačiau neišplečia temos produkto informacijos stulpelio. Norėdami nustatyti tarpą virš valdiklio ir po juo, tame pačiame konteinerio skydelyje naudokite Viršutinę paraštę ir Apatinę paraštę. Jei apribojimą lemia aplinkinės temos išdėstymas, žr. valdiklio plotį ir lygiavimą.

Pridėkite fono dekoraciją

Skirtukas „Stilius“ su įjungta dekoracija ir pasirinktomis širdelėmis, matomomis tik už pasirinkto pasiūlymo „Pirkti 1“.
(1) Įjunkite dekoraciją ir pasirinkite stilių. (2) Efektas rodomas tik pasirinktoje kortelėje. Širdelės buvo neišsaugota peržiūra ir buvo atmestos.

Dekoracija pasiūlymo kortelei suteikia animuotą fono efektą. Dekoracija rodoma tik pasirinktame pasiūlyme, todėl atkreipia dėmesį į tą pakopą, kurią pasirinko klientas.

  1. Skirtuke Stilius įjunkite jungiklį Dekoracija. Pagal numatytuosius nustatymus jis išjungtas, o jį išjungus dekoracija pašalinama.
  2. Pasirinkite vieną iš rodomų stilių:
    • Dėmės
    • Žiedai
    • Širdelės
    • Žvaigždžių pliūpsnis
    • Procentai
    • Žvaigždės
    • Laikrodis
    • Pinigai

Kiekviena parinktis parinkiklyje turi savo piktogramą, todėl galite atskirti stilius. Piktogramos yra paprasti simboliai, o ne tikslus efekto atvaizdas, todėl patikrinkite tiesioginę peržiūrą, kad pamatytumėte, kaip iš tikrųjų atrodo animacija, ir įsitikintumėte, kad ji gerai matoma pasirinkto pasiūlymo fono spalvoje.

Patarimas: padarykite dovanų bloką permatomą

Jei jūsų rinkinyje siūloma nemokama dovana ir įjungiate dekoraciją, dovanų blokas gali būti rodomas virš efekto ir jį paslėpti. Tokiu atveju Bundlex po dekoracijų stiliais rodo pasiūlymą: Padaryti dovanų bloką permatomą.

Spustelėkite Taikyti prie šio pasiūlymo, kad pasirinktos dovanos fono spalva taptų permatoma ir dekoracija būtų matoma už jos. Tai galite atlikti ir rankiniu būdu skiltyje Dovana ir papildomas pasiūlymas, sumažindami Pasirinkto pasiūlymo dovanos fono spalvos neskaidrumą.

Šis pasiūlymas rodomas tik tada, kai dekoracija aktyvi, rinkinyje yra bent viena dovana, o pasirinktos dovanos fono spalva vis dar visiškai neskaidri, t. y. dar nėra permatoma.

Ar šis straipsnis buvo naudingas?

Jūsų atsiliepimai padeda mums tobulinti dokumentaciją.

Ačiū, toliau tobulinsime šį straipsnį.

Norite pasikalbėti su mūsų komanda? Vis dar turite klausimų?

Vis dar reikia pagalbos?

Mūsų komanda pasiekiama vienu spustelėjimu. Parašykite mums ir mes su jumis susisieksime.

Naudojame kelis slapukus, kad ši svetainė veiktų, įvertintume, kaip ji naudojama, ir įjungtume pokalbių valdiklį, kai jį atidarote. Žr. mūsų slapukų politiką.