Re: Button Shortcode Refreshing Page Onclick

edited August 2018 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 2018
    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();
    });
  • Hi,
    BeTheme doesn't have such a options what you did.
    I think that is the only way to do this.
    Thanks.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.