|
hawkman
|
May 29, 2019 at 7:58 am
I’m trying to register for a class and get to the Pay Now option. Im using Braintree payments. When I click Pay Now, it just goes back to the same page.
|
|
Josh
|
May 29, 2019 at 8:06 am
Hi,
I checked your site and this appears to be a theme modification-related issue. So the cause of the error comes down to this JavaScript error:
TypeError: headerAction is nullnavigation.js:142:32
Has the child theme’s header.php file been modified so some elements were removed? Specifically the <div> with class “header-action”. If so, that needs to be put back.
|
|
hawkman
|
May 29, 2019 at 11:17 am
Not unless it was updated by the theme’s developer in a recent update. I dont know where to start with that.
|
|
Josh
|
May 29, 2019 at 11:22 am
That may be what happened, and in that case you would compare the differences between your child theme’s header.php to the parent theme’s header.php template. The <div> with class “header-action” would need to be added to your child theme’s header.php to avoid the error.
|
|
hawkman
|
May 29, 2019 at 11:23 am
I have backups and looking back to May 24th compared to May 28th, there is no difference in file size.
|
|
Josh
|
May 29, 2019 at 11:28 am
In this case file sizes are irrelevant. The important thing is the header.php in the active theme must include the markup expected by the theme’s JavaScript to avoid the error.
Here’s a copy of the file with links that show where the missing markup is located in the parent theme file:
https://gist.github.com/joshfeck/d1e662629097b8d11a8fb5af1ada962b#file-header-php-L133
https://gist.github.com/joshfeck/d1e662629097b8d11a8fb5af1ada962b#file-header-php-L164
|
|
hawkman
|
May 29, 2019 at 11:44 am
This is what the parent theme has where it mentions header-action. Child theme has nothing with that word.
<?php if ( 'four' !== spacious_options( 'spacious_header_display_type', 'one' ) ) : ?>
<div class="header-action">
<?php
spacious_cart_icon();
if ( 1 === spacious_options( 'spacious_header_search_icon', 0 ) ) :
?>
<div class="search-wrapper">
<div class="search">
<i class="fa fa-search"> </i>
</div>
<div class="header-search-form">
<?php get_search_form(); ?>
</div>
</div><!-- /.search-wrapper -->
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ( ! ( 'four' === spacious_options( 'spacious_header_display_type', 'one' ) ) ) :
spacious_main_nav();
endif; ?>
</div><!-- #header-right-section -->
</div><!-- #header-text-nav-wrap -->
</div><!-- .inner-wrap -->
<?php if ( 'four' === spacious_options( 'spacious_header_display_type', 'one' ) ) : ?>
<div class="bottom-menu clearfix <?php echo spacious_options( 'spacious_header_button_setting' ) ? 'header-menu-button' : ''; ?>">
<div class="inner-wrap">
<?php spacious_main_nav(); ?>
<div class="header-action">
<?php
spacious_cart_icon();
if ( 1 === spacious_options( 'spacious_header_search_icon', 0 ) ) :
?>
<div class="search-wrapper">
<div class="search">
<i class="fa fa-search"> </i>
</div>
<div class="header-search-form">
<?php get_search_form(); ?>
</div>
</div><!-- /.search-wrapper -->
<?php endif; ?>
|
|
Josh
|
May 29, 2019 at 11:52 am
Yes, and the child theme’s header.php needs to include what’s in the parent theme to avoid the JavaScript error. Specifically, the <div> with class “header-action” will need to be added to your child theme’s header.php. Or remove the header.php template from the child theme.
|
|
Josh
|
May 29, 2019 at 12:01 pm
Alternatively, you could download and install the prior version of the Spacious theme
https://github.com/themegrill/spacious/releases
It looks like version 1.6.1 has the older markup.
|
|
hawkman
|
May 29, 2019 at 4:59 pm
Thank you. I renamed header.php and that fixed it. thank you for troubleshooting quickly and for how in depth you went to help me.
|
|
Josh
|
May 29, 2019 at 5:07 pm
Oh good to hear, glad that worked. Thanks for the kind words.
|
