• Resolved ujwaldhakal

    (@ujwaldhakal)


    I have all things needed but i wanted to design flows in my own way like implemented js step wise wizard is there any article where i could change the UX / UI flows ? Any suggestion for this ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Ben Meredith

    (@benmeredithgmailcom)

    Hi @ujwaldhakal,

    Glad to hear you’ve got all the things needed so far.

    As for creating custom stepped forms, that’s not something that we have prebuilt solutions or wizards for, but what you’d essentially need to do is to write a function that does two things:

    1. Removes the existing output of the forms.
    2. Adds in the new functionality/flow that you are looking for.

    Something like this:

    add_action( 'give_init', my_new_fancy_function, 0, 2 );
    
    function my_new_fancy_function( $form_id, $args ) {
    	remove_action( 'give_donation_form_top', 'give_output_donation_amount_top' );
    	remove_action( 'give_payment_mode_select', 'give_payment_mode_select' );
    	remove_action( 'give_donation_form_after_user_info', 'give_user_info_fields' );
    	remove_action( 'give_cc_form', 'give_get_cc_form' );
    	remove_all_actions( 'give_donation_form_after_cc_form' );
            //also remove any things added from premium add-ons, if applicable
    
            //fancy function/jQuery to call new functionality
    }

    That code has NOT been tested, and I wrote it not with the intention that you copy/paste it, but to give you an understanding of a good starting point for custom developing things.

    We have plans to update the form building experience to allow for some of this type of functionality “out of the box” but no firm timeline on that at this point.

    Hopefully in the meantime this gets you started on making that happen.

    Have a great day!

    Hy it didnt work out. Is there any other way i could directly edit html of my choice and js too ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.