• Resolved medialine

    (@medialine)


    Hei.

    Dette gjelder på mobil visning.

    Hvordan endrer jeg tekst og størrelse Vipps knappen “Dropp å skrive adressen din, kjøp heller med Vipps”

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Lasse Pladsen

    (@lassepladsen)

    Hei!

    Her må du altså være eller ha tilgang på en utvikler; det er to måter du kan justere dette banneret på:

    1. Bruke filteret woo_vipps_express_checkout_banner som sender med to parametere: det første er hele meldingen som står inne i banneret/knappen som html, det andre er lenken til hurtigkassen:add_filter(...).
      $message = apply_filters('woo_vipps_express_checkout_banner', $message, $url);.
    2. Bruke en oversettingsutvidelse som Loco Translate til å overstyre teksten i banneret, også kan du legge til egne stiler som f.eks å justere størrelser med egen CSS i ditt tema/mal.
    Thread Starter medialine

    (@medialine)

    Jeg har ingen utvikler. Finnes det en veiledning for dette?

    Plugin Contributor Lasse Pladsen

    (@lassepladsen)

    Hvis det bare er justering av stilen til banneret/knappen som skal gjøres så kan alternativ nummer 2 ovenfor være nok i at du justerer CSS i ditt tema, men det blir ganske utfordrene uten kompetanse i HTML og CSS.
    Det beste er om du har tilgang på utvikler eller kan leie inn en konsulent som utvikler.

    En generell veiledning på WordPress filter fra alternativ nr 1: https://www.hostinger.com/tutorials/wordpress-add-filter
    En begynnelseartikkel på CSS fra alternativ nr 2: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics

    Thread Starter medialine

    (@medialine)

    Er det mulig å bruke en snippet?

    Plugin Contributor Lasse Pladsen

    (@lassepladsen)

    Hva som må gjøres spørs litt på hvilke endringer du vil ha, hvordan har du forestilt deg at banneret skal se ut?

    Thread Starter medialine

    (@medialine)

    Vipps knappen må være mer tydelig. Den ser ikke riktig ut

    Plugin Contributor Lasse Pladsen

    (@lassepladsen)

    Det var ikke veldig beskrivende, men f.eks:

    • Øke størrelsen på “Vipps”-logoen litt
    • Endre lenketeksten “hurtigkassen!” til samme farge (hvit) og gjøre den til fet tekst.
    • Fjernet det grå ikonet som kom oppå knappen
    • Lagt på marginer på selve banneret.

    Med det ovenfor ser det slik ut som i bildet nedenfor. Det ser ihvertfall litt bedre ut mener jeg.

    Det er da følgende CSS som da må legges inn i ditt tema/mal f.eks i filen style.css:

    .woocommerce-info.vipps-info {
    padding: 1rem !important;
    }
    .woocommerce-info.vipps-info::before {
    display: none;
    }
    .woocommerce-info.vipps-info img {
    height: 1.2em !important;
    }
    .woocommerce-info.vipps-info a {
    color: #ffffff !important;
    font-weight: bold;
    }
    • This reply was modified 6 months, 3 weeks ago by Lasse Pladsen.
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Vipps’ is closed to new replies.