Invoicing Checkout issues

This topic contains 14 replies, has 3 voices, and was last updated by  Martin Steimann 5 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • May 4, 2019 at 10:53 am #2962

    Martin Steimann
    Free User
    Post count: 262

    Hello,

    after the recent wpinvoicing update I have noticed some issues on the checkout page. Please note the attached GIF.

    1. The country field changed to a dropdown selector, which sometimes leads to improper alignment of the field.

    2. Even if „Country, State/Provinz and Phone Number“ are deselected in the invoicing field settings menu, they are displayed on the checkout field. Please note the attached screenshot.

    I don’t want to show these fields on the checkout page and thus on the final invoice. Therefore I have added a note to the fields (dot not fill out this field) by altering the translation, which should only be an interim workaround.

    3. The popup „This field is mandatory“ does not stick to the field while scrolling.

    Is it possible to exclude the before mentioned fields on the checkout page? At least the State/Provinz and Phone Number?

    Regards,
    Martin

    May 4, 2019 at 12:21 pm #2964

    Guust
    Moderator
    Post count: 29970

    1. Do you have a screenshot please?

    2. Try this CSS:

    #wpinv_country_box,  #wpinv_state_box, #wpinv-wpinv_phone-wrap, #wpinv-wpinv_zip-wrap {display:none}
label[for="wpinv_phone"], label[for="wpinv_zip"] {display:none}

    3. I cannot replicate that on my test site. What browser are you using?
    Can we get your URL and WP admin details in a private reply so we can check?

    Thanks

    May 4, 2019 at 12:39 pm #2965

    Martin Steimann
    Free User
    Post count: 262
    This reply has been marked as private.
    May 4, 2019 at 12:46 pm #2966

    Martin Steimann
    Free User
    Post count: 262
    This reply has been marked as private.
    May 4, 2019 at 12:52 pm #2968

    Guust
    Moderator
    Post count: 29970

    2. That CSS is not for the invoice template but for the payment form.
    I added it at Appearance > Custom CSS and it works on the checkout form.

    3. Yes, I can see that in FireFox. I’ll get a developer to have a closer look.

    Thanks

    May 4, 2019 at 1:27 pm #2969

    Martin Steimann
    Free User
    Post count: 262

    Thank you for your effort Guust!

    Your code has now successfully removed the State/Province, Phone Number, Country. Great!

    But these were the only fields I wished to be removed (see my first post). I still need the ZIP code. Can you bring it back please? Ideally as a field right between Adress and City, but if not possible, as the last field.

    Please note attached screenshot.

    May 4, 2019 at 1:35 pm #2971

    Guust
    Moderator
    Post count: 29970

    Just remove the ZIP related CSS:

    #wpinv_country_box,  #wpinv_state_box, #wpinv-wpinv_phone-wrap {display:none}
label[for="wpinv_phone"] {display:none}
    May 4, 2019 at 2:09 pm #2972

    Martin Steimann
    Free User
    Post count: 262

    Perfect, thank you! Please allow me one more question: How can I change the placeholder text of the input fields?

    You once provided me with some custom code to get two extra input fields (the ones in the top row). I am pulling my hair out about how I managed to enter custom placeholder text for those.

    May 4, 2019 at 11:09 pm #2974

    Guust
    Moderator
    Post count: 29970

    The developer will have a look after the weekend, I am not sure where those fields come from.
    Thanks

    May 6, 2019 at 2:32 pm #2981

    Patrik
    Moderator
    Post count: 1971
    This reply has been marked as private.
    May 6, 2019 at 3:15 pm #2982

    Martin Steimann
    Free User
    Post count: 262
    This reply has been marked as private.
    May 7, 2019 at 6:34 am #2987

    Patrik
    Moderator
    Post count: 1971

    Hi,

    There is no filter to change the address placeholder. So you have one way to change the address placeholder is using translation or you can try the following JS code:

    if(jQuery("#wpinv_address").length > 0){jQuery("#wpinv_address").attr("placeholder", "Straße und Hausnummer");}

    Let me know if this works fine for you or not.

    Regards,
    Patrik

    May 7, 2019 at 7:35 am #2988

    Martin Steimann
    Free User
    Post count: 262

    Thank you for the JS code. Unfortunately I have no coding skills and do not know how to implement the code without having to install another plugin (of which I have already installed far too many).

    I do know how to translate plugins via Loco Translate, but was unable to find the placeholder string in the GD Invoicing plugin.

    Regards,
    Martin

    May 7, 2019 at 9:04 am #2989

    Patrik
    Moderator
    Post count: 1971

    Hi,

    I have created a snippet for that called “change placeholder of address on checkout page “. Please review it from your side and let me know if any issues.

    Regards,
    Patrik

    May 7, 2019 at 9:26 am #2990

    Martin Steimann
    Free User
    Post count: 262

    Brilliant – thank you so much Patrik!

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket