WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce - excelling eCommerce
2014 Woocommerce Remove Sidebar (11 posts)

  1. stickypod
    Member
    Posted 6 months ago #

    I've been working with the new 2014 theme and Woocommerce. As many others have noted, the right hand "sidebar" can be a distraction while the customer is in the shop and checking out. This solution is for the "Content Sidebar" only, and not the Primary Sidebar (down the left side).

    In your admin menu, Appearance -> Editor
    Scroll down to the file sidebar-content.php

    In your window you'll see this:

    <?php
    /**
     * The Content Sidebar
     *
     * @package WordPress
     * @subpackage Twenty_Fourteen
     * @since Twenty Fourteen 1.0
     */
    
    if ( ! is_active_sidebar( 'sidebar-2' ) ) {
    	return;
    }
    ?>
    <div id="content-sidebar" class="content-sidebar widget-area" role="complementary">
    	<?php dynamic_sidebar( 'sidebar-2' ); ?>
    </div><!-- #content-sidebar -->

    Just change it to this:

    <?php
    /**
     * The Content Sidebar
     *
     * @package WordPress
     * @subpackage Twenty_Fourteen
     * @since Twenty Fourteen 1.0
     */
    
    if ( is_woocommerce( ) ) {
    	return;
    }
    ?>
    <div id="content-sidebar" class="content-sidebar widget-area" role="complementary">
    	<?php dynamic_sidebar( 'sidebar-2' ); ?>
    </div><!-- #content-sidebar -->

    This will remove the Content Sidebar (right hand only) from the shop and product pages only. That's because these pages are actually posts. Now you need to change the Cart, Checkout, My Account, and Logout. You can do this simply by editing the page itself and changing the template to "Full Width Page". Personally, I left the Logout page alone.

    I've seen a lot of people asking about this, and many many different answers. This will work immediately, and it's a very simple fix that takes only a minute. No need to build a Child Theme and go through all that for this simple change.

    I hope this helps you.
    Tom

    http://wordpress.org/plugins/woocommerce/

  2. survival bill
    Member
    Posted 6 months ago #

    I think your the guy that can help I want to take the "Content Sidebar" out of the content area and move it to the right side out of the content area altogether how do i do that if not how can I add a rightsidebar on the right side out of the content area?

    Bill

  3. stickypod
    Member
    Posted 6 months ago #

    @survival bill, you can use your CSS to simply move the content sidebar over to the right.

    Try this in your custom.css file:

    .content-area, .content-sidebar {
    margin-right: -50px;
    padding-top: 82px;
    }

    This will move the entire content sidebar outside the main content area. It will push it over to the right. Just change the -50px above to the number you need, -100px, -120px, until the sidebar is sitting where you want it. The padding-top will move it up and down on the page.

  4. survival bill
    Member
    Posted 6 months ago #

    Thanks I was able to move it over...
    almost their but!
    I still have the problem of the second sidebar moving my content on the main page in posts not pages over to the left as if it was still in the main content area any idea on how to fix that so posts are full width again?

  5. stickypod
    Member
    Posted 6 months ago #

    Sorry bill, I don't know what you mean by, "I still have the problem of the second sidebar moving my content on the main page"

    Assuming you're using the 2014 theme, set your page to "Full Width", and that will remove the right sidebar. It should not move the rest of the content.

    If you're trying to move the Content Sidebar over and spread out your posts, that's an entirely different setup that will take some CSS customization.

    One of the best things to do is download Mozilla Firefox, and install the Firebug plugin. Then you'll be able to make changes, and add those changes to your custom.css file.

  6. survival bill
    Member
    Posted 6 months ago #

    yes I have moved the content sidebar over and would like to spread out posts as if they were on the full width setting!

    so sounds like that would be a bit of a monkey wrench to do...
    If you can help great if it takes to much of your time thats understandable....

    I am not comfortible enough to use firebug to make changes.
    I have it already...

  7. stickypod
    Member
    Posted 6 months ago #

    Then I would suggest using a plugin. If you're using 2014, then try this one.

    http://wordpress.org/plugins/fourteen-extended/

    Good luck.

  8. survival bill
    Member
    Posted 6 months ago #

    Thanks for all your help... some things are starting to make allot of sence to me with the CSS but not everything I will get their Im sure...

    I will check that link out and see if it helps me out...

    Bill

  9. MPH01
    Member
    Posted 4 months ago #

    Good afternoon. I am using woocommerce in the Avada theme. Got most of it sorted out. Except I have tried numerous CSS codes to get the 'shop' side menu from the right side to the left side. The side menu is my products category list. How do you get the shop side menu to the left like my other side menu on my home page?

  10. stickypod
    Member
    Posted 4 months ago #

    MPH01, I'm not familiar with the Avada theme, but isn't Woocommerce a widget in the sidebars? Just place the Woocommerce widget into the sidebar you want.

    My suggestion above was for the removal of the entire Content sidebar when on any Shop or Product page in the 2014 theme. If the webmaster doesn't want the cart in a sidebar, they just don't put the widget into the sidebar.

    Just look for the Woocommerce cart widget under Appearance --> Widgets. Remove it from the right side bar and place it in the left sidebar. Just look for the "Woocommerce Cart" widget.

    Does this help?

  11. maldiver
    Member
    Posted 2 weeks ago #

    Stickypod wrote:
    "Assuming you're using the 2014 theme, set your page to "Full Width", and that will remove the right sidebar. It should not move the rest of the content."
    This is just what I am looking for. Where do I find this magic button?

Reply

You must log in to post.

About this Plugin

About this Topic