• How do I remove the sidebar on the product pages?

    I’d like a full width product page.

    Before I create a child theme and add code to functions.php is there an option to change this from within WordPress?

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @lordliverpool

    Some themes offer options to control the layout of specific pages. You can check this by going to your dashboard Appearance Customizer → then check for settings related to sidebar display, Product Page Layout, or something similar, and then check if you can select a “Full Width” layout for product pages, or an option to remove the sidebar.

    Themes that are WooCommerce-compatible often provide specific options for controlling the layout of product pages.

    If you can’t find it, let us know your theme, so we can also help you check.

    Thread Starter LordLiverpool

    (@lordliverpool)

    @aguinaldodarla Thank you for repying, its appreciated!

    My theme is Storefront i.e. https://www.ads-software.com/themes/storefront/

    I went to Dashboard → Appearance → Customizer Layout

    And I just see these two options:

    Dashboard > Appearance > Customize > Layout

    Sidebar on the right or the left. There are no other options.

    I want a full-page layout, as the sidebar takes up too much space.

    I looked at the StoreFront documentation i.e.

    https://woocommerce.com/document/installation-configuration/

    But was unable to find any mention a of “full-page layout”.

    I believe StoreFront is WooCommerce’s official theme.

    So I’m surprised that “out the box” it doesn’t offer this functionality.

    Can you offer any advice?

    Thanks.

    Hi @lordliverpool

    My apologies for the confusion. This option should be available from the Block Editor (Gutenberg). You need to navigate to Pages All Pages → select the page, then the option same in our documentation should be available to make it full-width, as shown below.

    I hope this helps!

    Thread Starter LordLiverpool

    (@lordliverpool)

    @aguinaldodarla

    You solved it!
    I didn’t know that setting was there

    Thank you very much for your help! ??

    Thread Starter LordLiverpool

    (@lordliverpool)

    @aguinaldodarla

    That works for all pages except the Shop page.

    If I goto Dashboard?Pages All Pages

    • Choose Shop
    • Choose Quick Edit
    • Change Template to “Full Width”
    • Click Apply

    The change does not take effect. It reverts back to “default template”

    If I edit the page there is no template option in the Summary panel.

    Any ideas?
    Thanks very much.

    Hi @lordliverpool

    It is possible that it can not be changed due to the unique nature of the shop page in WooCommerce. You can use a CSS code instead, by navigating to Appearance Additional CSS, then paste the CSS below.

    body.woocommerce.archive .content-area {
      float: none;
      width: 100%;
    }
    
    body.woocommerce.archive .widget-area {
      display: none;
    }

    The CSS rule body.woocommerce.archive .widget-area { display: none; } is used to hide the widget area, ensuring that the widget content is not displayed on those specific pages.

    Please let us know if it works. Thanks!

    Thread Starter LordLiverpool

    (@lordliverpool)

    @aguinaldodarla thanks again for your help.

    I appreciate the CSS. I manged to switch off the sidebar, thank you.

    I opened a Feature Request for StoreFront:

    https://woocommerce.com/feature-request/full-width-shop-page/

    So hopefully this issue will get a better solution.

    Thanks very much.

    Hi @lordliverpool

    I am glad that we’re able to help.

    We appreciate you taking the time to open a Feature Request. Your feedback is invaluable to us as it helps us improve our products and services.

    I’m going to mark this thread as resolved, but please don’t hesitate to start a new topic if you have any more questions down the line.

    If you have a few minutes, we’d love if you could leave us a review: https://www.ads-software.com/support/plugin/woocommerce/reviews/

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