Home Forums WoodMart – Premium Template Load ICON -NOT- appear when submit(how to prevent multiples submittion on form)

This topic contains 4 replies, has 2 voices, and was last updated by Luke Nielsen Luke Nielsen 1 week, 2 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #324979

    Juan Pablo
    Customer

    Hello,
    I have multiples contact forms on the site (using contact form 7 “CF7”), the problem is that when you press the send button, the .gif image (ajax-loader) that indicates the pending loading page “doesnt appear” (it allows to the user clic several times, in consequence “receiving duplicate emails”).

    As we know CF7 uses Ajax to submit forms, but with Woodmart theme, the Ajax submission is not working. ¿how to prevent multiples submittions on form?

    Looking forwaard to your feedback, thanks in advance !

    Private Content Hidden
    #325121

    Juan Pablo
    Customer

    any update?

    #325167

    Hello,

    In the last update, the plugin changed the structure responsible for the loader and our styles stopped working. We will fix this issue in the next update.

    In order to fix it now, try to add this custom CSS in Theme Settings -> Custom CSS -> put this code in the field “Global Custom CSS”

    div.wpcf7 .wpcf7-spinner {
        position: relative;
        visibility: hidden;
        margin-left: -5px
    }
    
    div.wpcf7 .wpcf7-spinner:before {
        position: absolute;
        top: 0;
        left: 20px;
        margin-top: 2px;
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 1px solid #BBB;
        border-left-color: #000;
        border-radius: 50%;
        vertical-align: middle
    }
    
    div.wpcf7 form.submitting .wpcf7-spinner {
        visibility: visible
    }
    
    div.wpcf7 form.submitting .wpcf7-spinner:before {
        animation: wd-rotate 450ms infinite linear
    }
    
    [class*="color-scheme-light"] div.wpcf7 .wpcf7-spinner:before {
        border-color: rgba(255, 255, 255, 0.15);
        border-left-color: #fff
    }

    Our theme doesn’t affect the “CF7” plugin functionality, try to check how it works on the default theme.

    Kind Regards

    #325197

    Juan Pablo
    Customer

    thanks a lot for your support!

    However I still have one issue here, even though the spinning is shown, when I continue clicking the submit button, there are duplicate emails sent. Is there anyway to stop sending duplicate emails? or to disable the submit button once it is clicked?

    thanks advance and looking for your respond.

    #325215

    Hello,

    Try to check how it works on the default theme, if it works the same as in the child theme, try to contact the “CF7” support team because our theme doesn’t affect the “CF7” plugin functionality.

    Kind Regards

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.