Matcha kundvagnens utdragsmeny med din butik

Öppna kundvagnens design och välj Stil. Den här fliken styr utdragsmenyns övergripande utseende och hur den öppnas.

Välj färger

Raden Temafärger visar färger från ditt publicerade tema. Välj en färg och välj en Palettstil: Ren, Tonad eller Mörk. Du kan också välja en anpassad färg eller prova en slumpmässig färg.

Standard återställer standardfärgerna samtidigt som layouten, till exempel utdragsmenyns bredd och hörnradie, behålls.

Ändra färgerna för ett block

Under Redigera färger innehåller den första raden, Utdragsmeny, grundfärgerna: bakgrund, text, accent, accenttext, dämpad text, besparingar och kanter. Under den har varje block i utdragsmenyn en egen rad, till exempel sidhuvudet, meddelandefältet, belöningsfältet, merförsäljningarna, sidfoten och kassaknappen. Ett blocks rad visas när blocket är aktiverat.

Lämna ett blocks färg tom så följer blocket utdragsmenyns färger. Om du väljer en temafärg, en anpassad eller slumpmässig färg eller Standard rensas alla blockfärger, så att utdragsmenyn återställs till ett rent utseende.

Ställ in utdragsmenyns layout

Kortet Layout anger var utdragsmenyn placeras och hur den fungerar:

• Utdragsmenyns position: välj vänster eller höger kant.
• Utdragsmenyns layout: Fäst ligger mot kanten, medan Flytande lämnar utrymme runt utdragsmenyn och visar Avstånd från kanter, från 0 till 80 px.
• Höjd på sidhuvud: Standard eller Kompakt. Kompakt halverar utrymmet ovanför och under kundvagnens titel, så att mer av kundvagnen får plats på små skärmar.
• Utdragsmenyns bredd: från 280 till 700 px.
• Öppna kundvagnen när en produkt läggs till: se automatisk öppning nedan.

Redigerarens förhandsvisning har en egen fast bredd så att kontrollerna förblir användbara. Spara och kontrollera butiken för att bedöma den faktiska bredden på utdragsmenyn. En smal skärm begränsar utdragsmenyn till det tillgängliga utrymmet.

Ställ in form och text

Kortet Form och text innehåller de sista detaljerna:

• Hörnradie: från 0 till 20 px.
• Textstorlek: från 90 till 120 %. Den skalar all text i utdragsmenyn samtidigt och behåller temats typsnitt.
• Skuggor: aktivera eller inaktivera djupseffekter.

Justera produktbilder

Bildformatet är Kvadrat eller Stående (3:4). Det gäller bilder på varor i kundvagnen och alla bilder för merförsäljning, så hela panelen beskärs på samma sätt.

Kortet Bilder samlar alla bildstorlekar på ett ställe: Bildstorlek för vara i kundvagnen, Bildstorlek för merförsäljning i lista (merförsäljning i layouterna Vertikal lista och En i taget), Bildstorlek för karusell och merförsäljning vid sidan (layouten Karusell och alla kort för merförsäljning vid sidan) samt Bildstorlek för tillägg.

Kantlinje på bilder av varor i kundvagnen lägger till en tunn linje runt varje produktfoto i kundvagnen. Aktivera den när dina foton har vit bakgrund, så att de syns tydligare mot panelen. Nya kundvagnar börjar utan den, och bilder för merförsäljningserbjudanden och tillägg får aldrig en kantlinje.

Styr automatisk öppning

Öppna kundvagnen när en produkt läggs till finns på kortet Layout. Om du stänger av detta öppnas panelen inte automatiskt efter att en produkt har lagts till. Kunderna kan fortfarande öppna panelen med kundvagnsikonen.

I det här exemplet ger en blå temafärg tillsammans med Tonad och Flytande panelen en ljusblå bakgrund och ett mellanrum på 16 px. Spara och kontrollera butiken på dator och mobil. För ändringar utöver dessa kontroller, se anpassad HTML och CSS. Anpassad CSS finns längst ned under Stil, i Avancerat.