Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Re: Button Shortcode Refreshing Page Onclick

edited August 8 in Shortcodes
I'm using the shortcode for a Button from your shortcodes page to open a contact form slider called '3D Printing Inquiry' (button code below.) 

It was working fine yesterday, but I transferred the site URL from a development subdomain to our main URL and now when user clicks on 'Request Quote' button the page refreshes and the form closes. I think the problem is that the button is acting like a type="submit" button because the shortcode is converting to a <a> tag. I've added type="button" in the shortcode on the edit page but that's not showing in the inspector...?

How can I prevent the page from refreshing after user clicks the button?


Button Code in Editor:

[button type="button" role="button" onclick='wpcs_open_slider_4222()' title="Request Quote" align="left" icon="" icon_position="" color="" font_color="#1b4585" size="2" full_width="no" class="quote-button" id="quote-button" ]

Comments

  • So I've solved this with JS by adding the code below. If there's an easier way please let  me know.

    jQuery('.button_label').click(function(e){
        e.preventDefault();
    });
  • edited August 8
    Actually, I need to target the class and specific page I was using the button on to open the slider, the code above targets all buttons being used on the site. Updated code below. There's gotta be an easier way?

    jQuery('.page-id-4190 span.button_label, .page-id-3410 span.button_label, .page-id-3230 span.button_label').click(function(e){
        e.preventDefault();
    });
  • Please sign in to see answear!
Sign In or Register to comment.