Hurtigkasseknapp “sammenvokst” med kj?pknapp

  • Resolved josoder

    (@josoder)


    4 years ago

    Hurtigkasse p? produktniv?. Her ser Vipps-hurtigkj?psknappen likedan ut som den vanlige “legg i handlekurven”-knappen. I tillegg er de to knappene plassert uten noen luft imellom.

    1. Skulle helst hatt den lett igjenkjennbare oransje Vippsknappen, i tillegg til den vanlige handelkurvknappen. Hvor settes det opp…?

    2. Har du et indianertriks for ? f? inn luft mellom de to knappene?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Iver Odin Kvello

    (@iverok)

    Vipps-knappen p? disse sidene er egentlig en vanlig Woo-knapp, men med en klasse som skal gi den orange farge. Den bruker samme klasse og stil som Woo-themet siden det er mer sannsynlig at dette passer inn i themet uten “konflikter”.

    Imidlertid kan noen theme v?re litt for ivrige til ? overstyre de vipps-spesifikke tingene som farge og slikt. Det kan da fikses med mer CSS – pr?v foreksempel med

     a.single-product.button.vipps-buy-now {
    background-color: #fe5b24 !important;
}

    For margin, s? vil det v?re litt avhengig av forskjellige skjermst?rrelser og slik, men i alle tilfeller noe ala dette:

     a.single-product.button.vipps-buy-now {
    margin-top: 0.3rem;
}

    – eller “margin-left” avhengig av skjermst?rrelse. Du vil m?tte pakke disse reglene inn i @media screen and (max-width ...) og bytte om margin-top og left avhengig av hvor breakpointene dine er dessverre.

    Hovedgrunnen til at dette skjer her er at themet ikke forventer to knapper akkurat her.

    Thread Starter josoder

    (@josoder)

    Jajemen, det virket godt. Takker s? mye!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hurtigkasseknapp “sammenvokst” med kj?pknapp’ is closed to new replies.