• Resolved lpcdf

    (@lpcdf)


    Hello,

    I recently installed and activated WooCommerce on my WordPress blog.
    I would like to remove sidebar on all the WooCommerce pages (but not on the other pages of my blog) and have full-width Woocommerce pages.

    I have spent lots of hours searching the Internet on that topic but could not find anything that works for my blog.

    Thanks for your help.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Anonymous User 15393618

    (@anonymized-15393618)

    This is usually controlled by the theme. It looks like your theme (Theron?) supports a full-width template, so it should be simple, although not necessarily straightforward ??

    Check your WooCommerce pages to see if there’s an option for the page’s template. Sometimes this is visible in “Quick Edit” but typically you have to open the page for editing.

    Thread Starter lpcdf

    (@lpcdf)

    Thanks for your answer!

    The weird thing is that I can choose the page model (with or without sidebar) on every page when I edit them, except for the WooCommerce pages. The option doesn’t show up on those ones.
    Then I dont know how to remove / modify sidebar from all the Woocommerce pages. Any idea?

    Anonymous User 15393618

    (@anonymized-15393618)

    I think Theron Lite 2 might be broken. I can see the different page types in Quick Edit, but none of them save. It should let you select and save the page as “Page with No sidebar”

    Update: This should work!
    Create a new page to be the temporary shop
    Set your Woo shop to be the temporary page
    Use Quick Edit to change your real shop page to no sidebar
    Set your Woo shop to the real shop page
    Delete the temporary shop page

    Thread Starter lpcdf

    (@lpcdf)

    Nice, it actually worked for the shop page. Thanks!
    I managed to switch the other WooCommerce pages to no sidebar, using the Quick edit tool (basket page, order confirmation, customer account).

    But do you know how to switch all the product pages to no sidebar ?
    There is no option when editing / quick editing the products.

    Anonymous User 15393618

    (@anonymized-15393618)

    Well, here’s where things get messy… Theron Lite 2 doesn’t provide support for WooCommerce, so the only hack that I know is to mess with the “Single Page” layout. My suggestion would be to switch to a theme that can handle the Woo pages for you.

    wpHoot has some great templates with built-in support for WooCommerce. I don’t do any work for them, but I run a site with one of their themes. They offer both Lite and Full versions.

    If I was going to make these changes, here’s what I’d do:
    Create a new ‘Page with Right sidebar’ template
    Edit the default template to remove the sidebar
    Edit the CSS to make single pages full-wdith
    Edit the CSS to give ‘Page with Right sidebar’ the correct layout
    Set each page that needs a sidebar to the ‘Page with Right Sidebar’ template

    Maybe someone else will have a better idea if you ask for theme design help. You’re basically creating a new page template in an existing theme, then editing the default template to be full-width.

    I’ll check out Theron again to see if there’s an easier way.

    You may also want to check on Towfiq I’s forum to see if anyone there has done this before. https://www.towfiqi.com/forums

    Thread Starter lpcdf

    (@lpcdf)

    Hi there,
    Thanks for these instructions!
    I followed them step by step but it does not work with my theme unfortunately. There’s still a right sidebar on product pages. I think Theron Lite 2 is overriding what I’m trying to do.

    If anyone has other ideas, they’re more than welcome!
    Did not find anything on Towfiq I’s forum.

    Hi @lpcdf,

    You can do this with CSS if you can’t track down another option. Here’s how to do that:

    1. In your dashboard, go to Appearance and click on Customize.
    2. Click on the Additional CSS section and add this:
      
      .woocommerce-page #content .single_wrap {
          float: none;
          width: 100%;
      }
      
      .woocommerce-page #sidebar {
          display: none;
      }
      
    3. Publish your changes.

    result

    See if that works for you. Let me know if you have any questions.

    Cheers,

    Thread Starter lpcdf

    (@lpcdf)

    Wow thanks @3sonsdevelopment it worked perfectly! So easy finally

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Remove sidebar on woocommerce pages’ is closed to new replies.