• ed

    (@wesleysoccer)


    Does anyone know how to fix the dropping sidebar issue with the Woocommerce plugin? This only happens on my main shop page (sidebar drops)….checkout and cart pages work great….

Viewing 15 replies - 31 through 45 (of 50 total)
  • Hey there! Thank you for trying to help me with this issue. I’m not so sure I understand what you mean by adding an extra class to the div to set the width. I have specified the width of this div (930px) in the style properties in my css. If this is not what you mean, please give me an example.

    Here’s the css for the inside_content_container:

    #inside_content_container {
    margin: 0 auto;
    width: 930px;
    padding: 0px 0px 0px 0px;
    }

    Thanks again for your help!

    nope…

    search for this selector:
    inside_content_container

    you will get files where this selector are.
    now go there and add an extra class:

    <div id=”inside_content_container” class=”[some classes herer] mynewclass”>

    and then, in your css, add a new selector:
    .mynewclass {width: 500px; float: left;}

    //Woocommerce
    add_action(‘wp’, create_function(“”, “if (is_archive(array(‘product’))) remove_action( ‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);”) );
    //Unhook (remove) the WooCommerce sidebar on individual product pages

    add_action(‘wp’, create_function(“”, “if (is_singular(array(‘product’))) remove_action( ‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);”) );
    //Unhook (remove) the WooCommerce sidebar on all pages

    remove_action( ‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);

    I have added this code in functions.php from http://codepad.co/s/950a67 and it works for me in removing the sidebar. But it’s just blank and everything as it is in the left pane, which I do not want.

    I want to achieve a full page view, weird that Woocommerce overwritten the default full width template for my shop page! Please help. Any idea? Here is the URL http://goo.gl/EH2uT Many thanks in advance.

    Why can’t woocommerce just let us pick the template that works best for us as we can with other pages?

    You mean “…for free”?

    Woocommerce is a business
    I have no problems with businesses who tries to earn money.

    and I have no problem in investing in time and money in establishing a webshop, because this is my business and investment is tax-deductible.

    My first webshop – for testing was established with twentyten theme, and I had no problems to get Woocommerce to act accordingly, once I learned how to turn on the use of RAM.

    You have 2 options: spend some hours in personalize your own WP-theme or spend some small money to buy others themes.

    Seems all of their clients would want to be able to eliminate the sidebar. It screws up responsive sites.

    Hi guys,

    I recently used this page template fix as explained in the Woocommerce docs :

    <?php
    /*
    Template Name: Woocommerce
    */
    ?>
    <?php get_header(); ?>
    
    <div id="content_area" class="clearfix fullwidth">
    	<div id="main_content" style="padding:20px;">
    		<?php woocommerce_content(); ?>
    	</div> <!-- end #main_content -->
    </div> <!-- end #content_area -->
    
    <?php get_footer(); ?>

    You can see the full explanation here. If it helps someone out please let me know.

    I had the same problem with sidebar yasterday… nothing from here helped. So I have started to chcek plugin file –> and this was it !

    It should be change in main template “twentyten” name to your theme name and everyting works !

    Hi guys, here’s another solution that you can try without inserting hooks or codes in your function file. These 3 steps should fix your problem –>

    How To Fix Woocommerce Single Product Page

    Here is the solution,

    Eliminate the file “sidebar”

    Located:

    woocommerce>templates>shop>sidebar.php

    IT WORKS!!

    Hi,
    I am having the same problem. Nothng here helped, exept the solution of Icde, which is a half solution.

    Here is what you you need to do to fix the shop page. People are giving the answer, but not the full solution so let me try my best.

    1) go to your page.php and figure out the coding for your regular page heading.
    Example (from my site):

    <!-- CONTENT -->
        <div class="content left">
            <div class="wrapper">
                <div class="bg-title-page left">
                    <div class="bg-title-page-center left">
                        <div class="title-page-content left">
                            <h1><?php the_title()?></h1>

    So from this you see I have 5 div containers before my title so that’s what I need to add with the coding everyone is pasting on this thread.

    Copy as paste the divs that you need for your heading. NOTE: Not the <h1> tags.

    I’d be copying this:

    <div class="content left">
            <div class="wrapper">
                <div class="bg-title-page left">
                    <div class="bg-title-page-center left">
                        <div class="title-page-content left">

    2) Go to your functions.php in your wordpress editor and enter the code at the very bottom before the final ?>

    First to remove the woocommerce coding you’ll add these functions as show in earlier posts:

    // WOOCOMMERCE
    
    remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
    remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

    Then paste in the tags you copied from your page.php heading. Mine would look like this after this step:

    // WOOCOMMERCE
    
    remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
    remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
    <div class="content left">
            <div class="wrapper">
                <div class="bg-title-page left">
                    <div class="bg-title-page-center left">
                        <div class="title-page-content left">

    Now break the quotes:

    // WOOCOMMERCE
    
    remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
    remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
    <div class=\"content left\">
            <div class=\"wrapper\">
                <div class=\"bg-title-page left\">
                    <div class=\"bg-title-page-center left\">
                        <div class=\"title-page-content left\">

    Next add this code in front of each div tag:
    add_action('woocommerce_before_main_content', create_function('', 'echo "

    And add this after each div tag:
    ";'), 10);

    So your final line of coding would look like this:
    add_action('woocommerce_before_main_content', create_function('', 'echo "<div class=\"content left\">";'), 10);

    Then you will need to add this code for as many times as you added a new tag:

    add_action('woocommerce_after_main_content', create_function('', 'echo "</div>";'), 10);

    And that should fix it. Note if your theme isn’t using div tags, replace whatever tags your theme is using. I just used what was in my theme for an example.

    That fix works for me, but first I had to delete the woocommerce.php file (the page template which i create earlier).
    Thanks.

    someone can help me in the store page and could not put the SlideBar well want it then appears to the right as it should be and in my case it goes to the bottom

    http://sabanaurbana.com.co/Su1/tienda/

    Hi Jucapuna,

    This solution should fixed your prob, Ive been on this issue before and shared my solution here –> http://www.mrlamzz.com/woocommerce-how-to-fix-single-product-page/

    Cheers..

Viewing 15 replies - 31 through 45 (of 50 total)
  • The topic ‘Woocommerce’ is closed to new replies.