Enquire button on productpage

Hi,
Well done on your buttons, I see that your “call us” and “enquere” buttons are opening popups. I also see that your “enquere” has a CF7 form. So I guess your last question is the redirect on submit?
For that please try the Redirection for Contact Form 7 plugin.
While this can be done with javascript, since you are using CF7 I would recommend using this plugin to keep everything working well.
Please let us know if there is anything else we can assist with.

Best regards,
Mike

Hi,
Oh, I see, so you want your “next” & “previous” buttons to link the same way as the “next” & “previous” fly-outs on the page?
Please see the screenshot in Private Content area.
To make a popup please read this article that has the script to use and if you follow the link in the post you will see the HTML & CSS.
If you are going to use the CF7 (Contact Form 7) it will give you the shortcode to create the form which you can add to the popup html. In CF7 you can use placeholders or Set the Default Value in the field. (advanced technique)

Best regards,
Mike

Hi,
I did a quick search & test for a popup plugin and found WP Popups it says it works with CF7 and in my test it worked fine with Enfold and the Enfold shortcode and was able to link to a button using a custom class trigger in the popup options, you’ll see the option under triggers when you build your popup.

As for the next & previous, we don’t have an easy way to add these into a custom location or assign them to different buttons like you are asking, but I was able to write this function to get the current next & previous links and replace the links in your custom buttons. This will work now but if your buttons change when you add the popup we may need to adjust the script, but after that it should work for every product.

Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_next_prev(){
	?>
  <script>
(function($){
  $(document).ready(function(){
    var getprev = $("a.avia-post-nav.avia-post-prev").attr("href");
    var getnext = $("a.avia-post-nav.avia-post-next").attr("href");
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(2)").attr("href", getprev);
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(3)").attr("href", getnext);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_next_prev');

Best regards,
Mike

• This reply was modified 4 years, 11 months ago by Mike. Reason: correct an error

Hi,
Sorry about that, looks like I forgot a line, please try this instead:

function custom_next_prev(){
	?>
  <script>
(function($){
  $(document).ready(function(){
    var getprev = $("a.avia-post-nav.avia-post-prev").attr("href");
    var getnext = $("a.avia-post-nav.avia-post-next").attr("href");
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(2)").attr("href", getprev);
    $(".woocommerce-product-details__short-description .avia-buttonrow-wrap a.avia-button:nth-child(3)").attr("href", getnext);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_next_prev');

Best regards,
Mike

Hi,
Glad to hear :) If you have tried adding your buttons to other products and the buttons continue to work properly, then perhaps we can close this thread?

Best regards,
Mike