Tilpas kurvskuffen til din butik

Åbn dit kurvedesign, og vælg Style. Denne fane styrer skuffens overordnede udseende og den måde, den åbnes på.

Vælg farver

(1) Vælg en temafarve. (2) Tinted udleder en lys baggrund og matchende tekstfarver. (3) Edit colours indeholder Drawer-basens farver og de aktiverede blokke. Forhåndsvisningen ved siden af bruger eksempelprodukter.

Rækken Theme colours viser farver fra dit offentliggjorte tema. Vælg en farve, og vælg en Palette style: Clean, Tinted eller Dark. Du kan også vælge en brugerdefineret farve eller prøve en tilfældig farve.

Default gendanner standardfarverne, samtidig med at layoutet bevares, f.eks. skuffens bredde og hjørneradius.

Skift farverne for én blok

Under Edit colours indeholder den første række, Drawer, basisfarverne: baggrund, tekst, accent, accenttekst, dæmpet tekst, besparelser og kanter. Nedenunder har hver blok i skuffen sin egen række, f.eks. sidehovedet, meddelelseslinjen, belønningslinjen, mersalg, sidefoden og betalingsknappen. En bloks række vises, når blokken er slået til.

Lad en bloks farve være tom, så følger blokken skuffens farver. Hvis du vælger en temafarve, en brugerdefineret eller tilfældig farve eller Default, ryddes alle blokfarver, så skuffen starter rent.

Indstil skuffens layout

(1) Indstil placering, layout, sidehovedets højde og bredde under Layout. Floating viser Gap from edges, som her er indstillet til 16px. (2) Indstil hjørneradius, tekststørrelse og skygger under Shape and text. Kontrollér den gemte bredde i butikken.

Kortet Layout indstiller, hvor skuffen placeres, og hvordan den fungerer:

Drawer position: vælg venstre eller højre kant.
Drawer layout: Attached ligger mod kanten, mens Floating efterlader plads omkring skuffen og viser Gap from edges, fra 0 til 80px.
Header height: Default eller Compact. Compact halverer pladsen over og under kurvens titel, så der er plads til mere af kurven på små skærme.
Drawer width: fra 280 til 700px.
Open the cart when a product is added: se automatisk åbning nedenfor.

Redaktørens forhåndsvisning har sin egen faste bredde, så kontrollerne forbliver brugbare. Gem, og kontrollér butikken for at vurdere den faktiske skuffebredde. En smal skærm begrænser skuffen til den tilgængelige plads.

Indstil form og tekst

Kortet Shape and text indeholder de sidste detaljer:

Corner radius: fra 0 til 20px.
Text size: fra 90 til 120 %. Det skalerer al tekst i skuffen på én gang og bevarer dit temas skrifttype.
Shadows: slå dybdeeffekter til eller fra.

Juster produktbilleder

Billedformat er Kvadratisk eller Portræt (3:4). Det gælder for billeder af varer i kurven og alle billeder af mersalg, så hele skuffen beskærer dem ens.

Kortet Billeder samler alle billedstørrelser ét sted: Billedstørrelse for varer i kurven, Billedstørrelse for mersalg i liste (mersalg i layoutene Lodret liste og Ét ad gangen), Billedstørrelse for karrusel og mersalg i siden (layoutet Karrusel og alle kort med mersalg i siden) samt Billedstørrelse for tilføjelser.

Kant på billeder af varer i kurven tilføjer en tynd linje rundt om hvert produktfoto i kurven. Slå den til, når dine fotos har hvid baggrund, så de skiller sig ud fra skuffen. Nye kurve starter uden den, og billeder af mersalg og tilføjelser får aldrig en kant.

Styr automatisk åbning

(1) Skuffen ligger langs sidens kant med afrundede hjørner og en lyseblå baggrund. (2) Dens betalingsknap bruger den valgte accentfarve.

Åbn kurven, når et produkt tilføjes findes på kortet Layout. Hvis du slår den fra, åbnes skuffen ikke automatisk efter en tilføjelse. Kunder kan stadig åbne skuffen med kurvikonet.

I dette eksempel giver en blå temafarve sammen med Tonet og Flydende skuffen en lyseblå baggrund og en afstand på 16 px. Gem, og kontrollér butikken på computer og mobil. Se tilpasset HTML og CSS for ændringer ud over disse indstillinger. Tilpasset CSS findes nederst i Stil under Avanceret.