When I chose a “No Footer” template option, it gets rid of the Footer Widgets AND the bottom footer. Is there a way to just get rid of the Footer Widgets on select pages?

Please let me know. Thanks!

What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

To get rid of that, please add the following code in your functions.php

// Widget Area Active
// =============================================================================

if ( ! function_exists( 'x_footer_widget_areas_active' ) ) :
  function x_footer_widget_areas_active() {

    $n = x_footer_widget_areas_count();

    $i = 0; while ( $i < $n ) : $i++;

      if ( is_active_sidebar( 'footer-' . $i ) ) {
        return true;
      }

    endwhile;

    return false;

  }
endif;
// End Widget Area Active
// =============================================================================

And we also need to tweak the VIEWS/GLOBAL/_FOOTER-WIDGET-AREAS.PHP, please create a new file, insert the code below and save filename as _footer-widget-areas.php and please upload the file in your child themes folder, /wp-content/themes/x-child/framework/views/global/ in your server.

<?php

// =============================================================================
// VIEWS/GLOBAL/_FOOTER-WIDGET-AREAS.PHP
// -----------------------------------------------------------------------------
// Outputs the widget areas for the footer.
// =============================================================================

$n = x_footer_widget_areas_count();

?>

<?php if ( $n != 0 && x_footer_widget_areas_active() ) : ?>

  <footer class="x-colophon top" role="contentinfo">
    <div class="x-container max width">

      <?php

      $i = 0; while ( $i < $n ) : $i++;

        $last = ( $i == $n ) ? ' last' : '';

        echo '<div class="x-column x-md x-1-' . $n . $last . '">';
          dynamic_sidebar( 'footer-' . $i );
        echo '</div>';

      endwhile;

      ?>

    </div>
  </footer>

<?php endif; ?>

If you have properly placed the code, it should work and disables the gray bar when there is no footer widget areas active.
Feel free to let us know if this has work for you.

Thank you

I’m not quite sure if what you recommended is exactly the solution for what I’m trying to do. I implemented your recommendations, but nothing has changed.

I like how everything appears in this image: http://screencast.com/t/R9s9BA6S

However, on some pages, I would only like the bottom footer (the area within the red box) to show, and not the Widget Footer Area. Again, only for select pages…not sitewide.

Thanks for the help.

Thank you for the explanation. The easiest way to achieve that is by using CSS. You can get the Page/ Post IDs as mentioned here (https://theme.co/x/member/kb/how-to-locate-post-ids/) and use it along with CSS rules.

You can place your CSS rules into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

Follow the example below.

.page-id-3034 .x-colophon.top {
    display: none;
}

.single-post .x-colophon.top {
    display: none;
}

.blog .x-colophon.top {
    display: none;
}

.postid-5616 .x-colophon.top {
    display: none;
}

Hope that helps.

Thanks,
Amanda

Could you please provide us with a URL to your shop page? so that we can take a closer look and assist you with a tailored solution.

Thanks!

Please try to add this under Custom > CSS in the Customizer.

.woocommerce-page .x-colophon.top {
	display: none;
}

Hope it helps, Cheers!