How to add sidebar on WooCommerce pages in Zerif
Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.
Adding the sidebar in the WooCommerce pages doesn't take much time. It's pretty easy and you can follow the steps below to accomplish that in few minutes, please make sure that you're using a child theme before making any changes.
First, copy the woocommerce.php file to your child theme and replace the content with the following code:
<?php /** * The template for displaying all pages. * * This is the template that displays all pages by default. * Please note that this is the WordPress construct of pages * and that other 'pages' on your WordPress site will use a * different template. * * @package zerif */ get_header(); ?> <div class="clear"></div> </header> <!-- / END HOME SECTION --> <div id="content" class="site-content"> <div class="container"> <div class="content-left-wrap col-md-9"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <?php woocommerce_content(); ?> </main><!-- #main --> </div><!-- #primary --> </div><!-- .content-left-wrap --> <div class="sidebar-wrap col-md-3 content-left-wrap"> <?php get_sidebar(); ?> </div> </div><!-- .container --> <?php get_footer(); ?>
Now copy also the page.php file to your child theme, and replace its content with this:
<?php /** * The template for displaying all pages. * * This is the template that displays all pages by default. * Please note that this is the WordPress construct of pages * and that other 'pages' on your WordPress site will use a * different template. * * @package zerif */ get_header(); ?> <div class="clear"></div> </header> <!-- / END HOME SECTION --> <div id="content" class="site-content"> <div class="container"> <div class="content-left-wrap col-md-9"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <?php while ( have_posts() ) : the_post(); get_template_part( 'content', 'page' ); /* If comments are open or we have at least one comment, load up the comment template */ if ( comments_open() || '0' != get_comments_number() ) : comments_template(); endif; endwhile; ?> </main><!-- #main --> </div><!-- #primary --> </div> <div class="sidebar-wrap col-md-3 content-left-wrap"> <?php get_sidebar(); ?> </div> </div><!-- .container --> <?php get_footer(); ?>