Vipps

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.

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

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

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.