Site logo

[Support request] Delete the coupon message notice in checkout page

Home Forums Support [Support request] Delete the coupon message notice in checkout page

Home Forums Support Delete the coupon message notice in checkout page

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #2364826
    xinghui

    I want to remove the message text of the coupon for the checkout page and only show the coupon form below, how to do it
    image_url:https://i.postimg.cc/TP3dH18r/delete-coupon.jpg

    #2364830
    Fernando
    Customer Support

    Hi Xingui,

    Can you provide a link where we can view this?

    You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    #2364837
    xinghui

    OK,i put it at private

    #2364839
    Fernando
    Customer Support

    Try adding this in Appearance > Customize > Additional CSS:

    .coupon-form form.checkout_coupon.woocommerce-form-coupon {
        display: block !important;
    }
    
    .coupon-form .woocommerce-form-coupon-toggle {
        display: none;
    }
    #2364846
    xinghui

    Thank you,Fernando,Now it’s all gone, I want to show the below ‘If you have a coupon code, please apply it below.’ and the coupon form and button
    like tihs image:https://i.postimg.cc/DwFzkF4w/Display-it.jpg

    #2364875
    Fernando
    Customer Support

    I see. Did you make any changes other than adding the code? Can you remove the code I provided?

    #2364889
    xinghui

    i can delete your code,Before this I moved the position of my coupon form, but now I deleted the hook I added and it’s back to the original position

    #2364894
    Fernando
    Customer Support

    Can you try this?:

    .woocommerce-form-coupon-toggle {
        display: none;
    }
    
    form.checkout_coupon.woocommerce-form-coupon {
        display: block !important;
    }
    #2364897
    xinghui

    Why does the previous one still show?

    #2364901
    Fernando
    Customer Support

    Can you check all your CSS code here?: http://csslint.net/

    I think there’s a syntax error somewhere which may be causing issues.

    #2364907
    xinghui

    I checked and there are only warnings and no errors
    image_url:https://i.postimg.cc/N0nzbczb/warning.jpg

    #2364927
    Fernando
    Customer Support

    I mean everything in your Additional CSS.

    See upon testing: https://share.getcloudapp.com/P8u7Q4AZ

    #2364936
    xinghui

    Hi,Fernando,I checked all the CSS code as you said, modified the wrong code, and refreshed it again. The code you gave took effect. Thank you for your help. I will go to get yours first after adding CSS next time. Check it out with the tools, I learned a lot, thank you very much

    #2365720
    Fernando
    Customer Support

    You’re welcome Xinghui!

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