cover2resources

I was able to get this working after disabling a plugin that deferred javascript. jQuery was loading after the popup so everything was there, it just couldn’t actually run.

Thank you, that seems to work. Once again there was nothing different from the dev site to the live site which has the same option enabled on both sites. Is this a known issue that is being worked on? Obviously minifying content is needed to help with page speeds so not being able to use it due to this plugin is a concern.

After some messing around I was able to figure it out. For anyone looking to do this you need to use ‘give_purchase_form_after_personal_info’

Also the example has the wrong coding structure compared to what the default First Name, Last Name, Email Address Field use. Specifically with the indicator and tooltip. These need to be placed inside the label and need to add ‘give-‘ in front of ‘icon’ and ‘icon-question’ classes.

Ex:

<p id="give-phone-wrap" class="form-row form-row-phone">
    <label class="give-label" for="give-phone"><?php _e( 'Phone Number:', 'give' ); ?>
        <span class="give-required-indicator">*</span>
        <span class="give-tooltip give-icon give-icon-question" data-tooltip="<?php _e( 'We will use this to personalize your account experience.', 'give' ) ?>"></span>
    </label>

    <input id="give-phone" class="give-input required" name="give_phone" placeholder="Phone Number" value="" type="text"></input>
</p>

The documentation provides a good example of how to add what I need however I can’t get it to show up where I need to. The example shows that we will place it using the ‘give_after_donation_levels’ hook. However if I change this to something like ‘give_after_main_content’ or ‘give_after_terms’ as provided here: https://givewp.com/documentation/developers/actions-explanation-and-usage/

then they don’t show up. I even made sure I enabled the content and terms section and typed in some words to make sure it was used. Even if I did get it to show up here I would really like to add it to the personal info section but I do not see a hook for that specific area. It there another documentation page I should be looking at?