hide donation box in popup

Resolved prabhu
(@jai6358)

1 day, 7 hours ago
On the campaign page, donors select or enter their donation amount and click the Donate button.

When the checkout popup opens, the donation amount is automatically carried over from the first step (which is great). However, the popup still displays the Donation Amount section before the donor details.

Since the amount has already been selected and is automatically fetched from the campaign page, we’d like donors to go directly to the donor information form (First Name, Last Name, Email, etc.) without showing the donation amount section again.

Is there a setting, hook, filter, or custom code to:
- Hide or remove the Donation Amount section from the checkout popup?
- Keep the selected amount unchanged and proceed directly to the donor details?
We’re looking to simplify the donation experience and reduce unnecessary steps for donors.

check – page : https://ibb.co/1trgBJdv popup : https://ibb.co/ch42mk5J

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author David Bisset
(@dimensionmedia)

1 day, 7 hours ago
@jai6358 Thanks for reaching out.

There isn’t a setting for this in Charitable right now, and I’d steer you away from removing the Donation Amount section outright. Here’s why: the popup’s amount inputs are what actually carry the amount into the submission. When you pick an amount on the campaign page, Charitable’s frontend JS ticks the matching option inside the popup’s form, and the amount is read from that on submit. If the section is removed from the form, nothing gets submitted and the donor hits a validation error.

Should be able to hide it visually and keep everything working. Add these two snippets (a code snippets plugin or your child theme is fine):

PHP:
```
add_filter( 'charitable_donation_form_fields', function( $fields ) {
      if ( isset( $fields['donation_fields'] ) ) {
              $fields['donation_fields']['class'] = 'charitable-amount-hidden';
      }
      return $fields;
} );
```
CSS
```
.charitable-modal-donation .charitable-amount-hidden {
      display: none;
}
```
The popup should open straight on First Name / Last Name / Email, with the amount the donor chose on the campaign page carried through invisibly. The CSS is scoped to the popup, so if a donor ever reaches the standalone donation page they’ll still be able to choose an amount there.

Two things to check on your campaigns after adding this: Make sure each campaign has a default suggested amount selected in the campaign builder. If a donor reaches the popup without picking an amount first (a donate link elsewhere on the site, for example), the default is what gets used… but with no default set, there’d be nothing selected and they’d get an error…. and if you use the minimum donation amount setting, note that the minimum notice should live in the section you’re hiding, so make sure every amount option on the campaign page is at or above that minimum.

I’ve passed the underlying request along to our team as a feature suggestion.

Hope this helps. Let me know if you have any questions.
Thread Starter prabhu
(@jai6358)

1 day, 6 hours ago

thanks for the update

Plugin Author David Bisset
(@dimensionmedia)

2 hours, 43 minutes ago

We are going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.