Skip to main content
Aftersell Cart-design fungerer på to niveauer: globale indstillinger, der styler hele carten, og blokvise tilsidesættelser, der finjusterer en individuel blok.

Globale designindstillinger

Åbn Cart settings fra editorens sidebar for at nå cartens globale design. Indstillingerne er grupperet i Design, Buttons og Layout.

Design

Knapper

Layout

Blokvise design-tilsidesættelser

Alle blokke undtagen Custom code har deres egne blokvise design-tilsidesættelser nederst i deres indstillingspanel — med overskriften Design på alle blokke undtagen Express payments, hvis tilsidesættelser sidder i umærkede Style- og Spacing-sektioner. (Custom code har slet intet indstillingspanel — blokken er koden, så den viser kun en Code-fane.) De styrer ting som stil, afstande og andre blokspecifikke designindstillinger. Disse blokvise designindstillinger falder, når de er tomme, tilbage til den globale indstilling for den egenskab. Mange blokke indeholder også en Text-sektion i deres Design-panel, hvor du kan indstille typografien for specifikke tekstelementer i den blok — skriftfamilie, størrelse, linjehøjde og tegnafstand. Blokke med flere tekstelementer (såsom Notes og Empty cart) viser en Text element-vælger, så du kan style hvert element uafhængigt.
Animeret forhåndsvisning af det blokvise Design-indstillingspanel i cart-editoren

Skrifttyper og skuffens position

  • Skrifttyper: carten arver dit temas skrifttype som standard. Du kan angive en tilpasset skriftfamilie for udvalgte tekstelementer (såsom produkttitlen og upsells-overskriften) fra Text-sektionen i hver bloks designindstillinger — se Cart items-blok og Upsells-blok for detaljer.
  • Skuffens position: skuffens bredde kan justeres (Desktop width, ovenfor); der er ingen indstilling for venstre/højre-position.

Adfærdsindstillinger

Ud over styling rummer Cart settings også adfærdsmuligheder — åbning af skuffen ved læg i kurv, og de tema-selektorer, der holder din storefront synkroniseret. Se Cart-indstillinger.

Hvornår du skal bruge tilpasset CSS i stedet

De indbyggede indstillinger dækker de almindelige tilfælde. Til alt ud over dem — at ramme et specifikt element, tilpassede afstande, responsive justeringer — skal du bruge Tilpasset CSS.