Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #12739

    I used the woo commerce on this site I am testing. I created the shop page and put an item for sale. It totally messed up the look of the page, the slider image does not show. Side bar has moved etc…How can I correct this?


    This is the draft page:

    Thank you!!


    Hi elames,

    To be honest, I’m not sure why or how that happened. Did you setup the Shop Base Page under WooCommerce > Pages? Did you use the Template Builder or change the page’s template? Did you make any edits to the template files?




    I did not use the template builder or make any edits to the template files. I created a page and called it Shop. It woo commerce under pages, I selected it as the page to use a the shop. That is all I did. And it broke the look of the page. Have no clue why? Hope you can think of something.

    So i went back to the site, got the sample page and renamed it TEST SHOP. Selected it as the page to use for shopping in Woo Commerce and it did exactly the same thing :-( BOO HOOOOO

    So I am back to square one wondering why it changed the format of the page.

    Any help anyone can give me would really be appreciated.


    Searching out more info. Don’t know if this is my issue or not:

    But I don’t have a clue where to do this suggested fix. (Purchase code hidden if logged out) /

    Where you may run into problems is when the default WooCommerce content wrappers do not match your chosen theme’s. This will manifest itself by breaking your layout on WooCommerce pages and shifting your sidebars into incorrect positions.

    Using hooks

    The hook method is more involved that using woocommerce_content, but its more flexible. This is similar to the method we use when creating our themes.

    First unhook the WooCommerce wrappers;

    remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_output_content_wrapper’, 10);

    remove_action( ‘woocommerce_after_main_content’, ‘woocommerce_output_content_wrapper_end’, 10);

    Then hook in your own;

    add_action(‘woocommerce_before_main_content’, create_function(”, ‘echo “<section id=”main”>”;’), 10);

    add_action(‘woocommerce_after_main_content’, create_function(”, ‘echo “</section>”;’), 10);

    Making sure that the markup matches that of your theme. If you’re unsure of which classes or ID’s to use take a look at page.php for a guide.


    ANY IDEAS ON HOW TO FIX THIS ONE?? I am getting desperate.:-(


    I guess no one has any ideas of how I can implement the shop page template so it looks like the rest of my pages????


    I hope someone has some input on this problem. I can’t get any help from WooCommerce as I am not a member and you can’t get into their support forum for help unless you are.


    I FINALLY GAVE UP! I switched it back to Propulsion theme and unless client doesn’t like it. I am not going to bother with it anymore and am hoping in Propulsion it won’t be a problem like in Coherence :-(


    Hi Elames,

    Just for future topics, self responding or bumping your post pushes it back in our Queue system so it takes longer to respond to.

    As for your issue, were you using Coherence with WooCommerce and having the issue? If so, that theme does not have the built in support for Woo Commerce like Propulsion does and so we wouldn’t be able to do anything about the page not looking correct. You would need to add in your own styling in order to have it customized.




    Hi Devin, Yes it was with Coherence. I tried to find the code to customize but it was getting too to be too much to deal with so I just switched her site to Propulsion instead. It doesn’t quite give me the exact look I had before, but I think it will work for my client.

    Thanks anyway.


    Sorry we couldn’t be of more help Elames. Let us know if you have more questions.



Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Shop Page Layout Messed up’ is closed to new replies.