Donatie knop aanpassen

Hoi Harold,

Leuk om te horen dat je blij bent met Kudos en bedankt dat je contact opneemt. Ik heb even naar de pagina gekeken en ik zie het probleem, je was er bijna. Als je deze regel gebruikt, zou het correct moeten werken:

#my-unique-id button {
  background: mediumseagreen !important;
}

Het kleine verschil is dat ik in de code hierboven de background regel gebruik in plaats van background-color. De reden dat het werkt, is omdat background zowel background-color als background-image vertegenwoordigt en door background-color te gebruiken overschreef je alleen dat en bleef de background-image die op de hoofdknop werd gebruikt (de image in dit geval was een gradient) intact.

Ik hoop dat dit helpt en laat het me weten als je nog meer hulp nodig hebt.

Bedankt,

Mike

Hey, dat was een snelle reactie Michael! Bedankt daarvoor.
Ik heb nog een kleinigheidje, en dat is: kan ik de tekst van de knop ergens aanpassen?
Ik heb in de plug-in bestanden gekeken, maar waarschijnlijk weer over het hoofd gezien.

Voor de rest ziet het er nu vlekkeloos uit.

https://dierennood.nl/doneren

Nogmaals bedankt en vriendelijke groet,

Harold.

Hey Harold,

Ja, je kunt zeker de tekst van de knop veranderen. Met de shortcode hoef je alleen de button_label attribute toe te voegen. Bijvoorbeeld:

[kudos button_label="Doneer nu" campaign_id="default"]

Misschien heb je dit al gezien, maar als je het liever als een ingesloten formulier wilt weergeven (in plaats van een knop met pop-up), kun je ook de type attribute toevoegen zoals dit:

[kudos button_label="Doneer nu" type="form" campaign_id="default"]

Ik hoop dat dit helpt.

Vriendelijke groet,

Mike

Perfect weer, bedankt Michael.

Maar nu heb ik wéér iets (zal m’n eigen fout wel weer zijn).
De donatieknop op de mobiele versie is nu opeens geel geworden!
Zou rood moeten zijn zoals op de PC versie van de pagina.
https://dierennood.nl/kudo-knop/

Heb je een hint voor me?

Bedankt weer. (Hopelijk voor de laatste keer) ??

Harold.

• This reply was modified 4 months, 2 weeks ago by topearner.

Hey Harold,

Ik weet niet precies waarom de knop geel zou zijn, maar ik vermoed dat het door een stijlconflict komt. Als je me een link naar een pagina met dit probleem stuurt, kan ik de code inspecteren en een css-oplossing voorstellen.

Er is echter een andere manier om de kleur te veranderen die door Kudos Donations wordt gebruikt, namelijk met de kudos_theme_color filter. Om dit te gebruiken voeg je de volgende code toe aan je functions.php bestand:

add_filter('kudos_theme_colors', function($colors) {
        $colors['primary'] = '#a637f8'; // Vervang dit met je gewenste kleur. Moet in hex-formaat zijn.
        return $colors;
});

Het voordeel van deze methode is dat je de pijlen op de volgende en vorige knoppen behoudt en dat automatisch de donkere kleuren worden gegenereerd die worden gebruikt wanneer je over de knop beweegt.

Ik hoop dat dit helpt, en anders stuur me gerust een link naar de pagina met het probleem, dan kijk ik ernaar.

Vriendelijke groet,
Mike

Nou, daar is-tie weer!
Maak graag gebruik van je aanbod.
De knop staat in de header van de website dus is overal te zien op
https://dierennood.nl

Perfect op laptop en PC maar niet op mobiel, want daar wordt de knop geel ipv rood.

Ik heb de filter geprobeerd in function.php, maar dat had geen effect.

En nu ik je toch heb… ?? hoe kan ik het blauw gekleurde donatie suggestie bedrag op een ander bedrag zetten?

Thanks again.

Hoi Harold,

Ik heb de website op mobiel bekeken en zie dat hij geel wordt door de volgende regel:

@media (max-width: 680px) {
  @media (max-width: 680px) {
    #my-unique-id button {
      background-color: #ffff00 !important;
    }
  }
}

Dus ergens in je css wordt het geel gemaakt als het venster 680px of kleiner is. Als je deze regel weghaalt, zou dat het probleem moeten oplossen.

Het filter werkt waarschijnlijk niet omdat het wordt overschreven door de custom css-stijlen. Als je die helemaal weghaalt, zou het moeten werken. Maar als de custom css voor jou werkt, heb je het filter niet nodig. Het is helemaal aan jou, maar kies gewoon wat voor jou het beste werkt.

Om de vaste donatiebedragen aan te passen, ga je naar de Kudos Donaties instellingenpagina. Ga dan naar het tabblad “Campagnes” en selecteer je campagne uit het dropdown-menu. Scroll dan naar beneden en zoek naar “Type bedrag”. Daaronder zie je een komma-gescheiden lijst met bedragen die je kunt aanpassen.

Ik hoop dat dit helpt.

Vriendelijke groet,
Mike

Weer supersnel beantwoord Mick. Erg goed voor een gratis plug-in. (verdienen jullie nog ergens aan???)

Anyway, de “suggestie bedragen” instellen is geen probleem, maar hoe kan ik bijvoorbeeld 20 euro een blauwe achtergrond geven, (of 50 euro) zodat men meer geneigd is daarop te klikken?

Hey Harold,

Ja, ik snap wat je bedoelt. Om de kleur van een specifieke bedragknop te veranderen, moet je de volgende CSS-regel gebruiken:

[id^="kudos-donations-"] form[id^="kudos-form"] .kudos-radio-amount:nth-child(3) input:not(:checked) + label {
  background: red !important;
  border-color: red !important;
  color: white;
}

Waar je “:nth-child(3)” ziet, verander je de 3 in het nummer van de knop die je wilt aanpassen (van links naar rechts 1-4). Je kunt hier elke stijl toevoegen die je wilt, maar houd er rekening mee dat het verwarrend kan zijn voor donateurs welke waarde ze hebben geselecteerd (aangezien de achtergrondkleur dit aangeeft).

Op dit moment verdienen we alleen geld via donaties, maar dat kan in de toekomst veranderen.

Vriendelijke groet,
Mike

Hoi Mick!

In relatie tot een vraag van een ander forum lid over de vermelding van KUDO-donatie op betalings afschriften vraag ik me af of je inmiddels een filter code hebt uitgebracht.

“Depending on the demand I could first add a filter that could be used to change that text so that advanced users / web developers can easily change it. Later it could be added as an option in the menu somewhere for more casual users to change.”

Als de filter nu bestaat, zou ik er graag een copy van krijgen.

Bedankt weer.

Groet,
Harold Lak.
Stichting Dierennood.

Hey Harold,

Ja, er is een filter voor dit genaamd kudos_payment_description waarmee je de beschrijving van elke betaling op de bon en in Mollie kunt veranderen. Het is belangrijk om te onthouden dat de beschrijving voor elke donatie uniek moet zijn, anders zullen betalingen mislukken. Daarom is het aan te raden om in ieder geval de “order_id” in deze beschrijving op te nemen. Hier is een voorbeeld van hoe je dit filter kunt gebruiken:

add_filter(
    'kudos_payment_description',
    function ( $original_text, $frequency_text, $order_id ) {
        return sprintf( 'Kudos Donatie (%1$s) - %2$s', $frequency_text, $order_id );
    },
    10,
    3
);

Ik hoop dat dit je vraag beantwoordt, succes met de campagne.

Groetjes,
Mike