Pushing submission datalayer event with form ajax response

Hey delphostkp,
Sorry for the late reply, is the dataLayer.push in regards to the Google Tag Manager?
I was able to put together a jQuery script to fire a trigger when the class “avia-form-success” is added the div “ajaxresponse”

$(function() {
  var button = $('.button')
      , response = $('.ajaxresponse')
  ;

 button.on('click', function() { 
    response.addClass('avia-form-success');
    $(document).trigger('ajaxAlert');
  });
  $(document).on('ajaxAlert', function() {
    alert("The response has been given");
  });
});

this example gives an alert box popup, but you could replace the “alert” with your “dataLayer.push”
This can be added to the functions.php by wrapping it in a WP function like this:

function custom_script(){
  ?>
  <script>
(function($){

//your jQuery here

})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
To overwrite to contact element, add a directory /shortcodes/ to your child theme,
then copy the /contact/ directory to it with all 3 files in it, contact.js, contact.css, contact.php
so you will have this path: /enfold-child/shortcodes/contact/
Then add this code to the end of your functions.php file in Appearance > Editor:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

now your child theme element will overwrite the theme element, you can read more here.

Best regards,
Mike

Hi,
I took a look at contact.php and found on lines 36-39 it is calling the theme css & js:

				//load css
				wp_enqueue_style( 'avia-module-contact' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/contact/contact.css' , array('avia-layout'), false );
				
					//load js
				wp_enqueue_script( 'avia-module-contact' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/contact/contact.js' , array('avia-shortcodes'), false, TRUE );

Try changing the path like this:

				//load css
				wp_enqueue_style( 'avia-module-contact' , $path['pluginUrl'].'/wp-content/themes/enfold-child/shortcodes/contact/contact.css' , array('avia-layout'), false );
				
					//load js
				wp_enqueue_script( 'avia-module-contact' , $path['pluginUrl'].'/wp-content/themes/enfold-child/shortcodes/contact/contact.js' , array('avia-shortcodes'), false, TRUE );

that is assuming that your child theme directory is /enfold-child/ like mine is.

Best regards,
Mike

Hi,
It sounds like changing the path from AviaBuilder::$path[‘pluginUrlRoot’] to $path[‘pluginUrl’] is not working correctly on you live site. But as you note it is working on the localhost.
A similar issue came up last week and the solution was to change the path to get_template_directory()
I’m not sure why a localhost path would be different than a live host, but if you include FTP access & admin login I will take a look.
I guess worse case we could change the path to a absolute path.
** I did a quick search and found some tips on using dirname(__FILE__) instead, but it would have to be tested first.

Best regards,
Mike

Hi,
Glad to hear. Thanks for sharing your solution.
I assume we can close this now, but I like to ask. Shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike