Disabling sidebar on Woocommerce frontpage only

[Caetlyn]

I’m hoping someone can help me with an issue.

I’m trying to disable the sidebar on my shop frontpage but leave it on my category and individual product pages. I’ve tried changing the archive page layout to “No sidebar, content only” but removes the sidebars on my Product Category pages as well.

Can someone please point me in the right direction as to how I can resolve this? Thanks!

[scrambler]

Please provide a link to the page in question.

What type of page is your shop frontpage? Do you have a page editing page for it?

If so, in the page editing page options (Xtreme options for this page), in the Layout tab, you can change the sidebar configuration just for that page.

[Caetlyn]

Here’s the page in question.

https://www.caetlynmclean.com/shop/

I’m not sure what you mean by “page editing page” but none of the tab options have any affect on the page layout.

“NOTE! This page is a special page used by your Woocommerce Shop. You can add your own content to the top of this page with the editor, however, the main contents of this page are generated by Woocommerce. Because of this, some of the Per Page Options provided below may not work as expected for this Woocommerce page. This page will display sidebars as set for a normal page by default, or can use the Per Page sidebar layout setting.”

[scrambler]

Well that explains it probably.

This is an a WordPress Archive page under WooCommerce control.

Because Archive pages normally do not have page editing page, they do not have Weaver per page settings, and this is why the only way you can change the sidebar is with the global sidebar setting for all archive pages.

I can come up with CSS to remove the sidebar that on that specific page, but First let us ask @weaver if there is a way with weaver to have a different sidebar setting just for that WooCommerce archive / shop page.

 

[scrambler]

This reply has been accepted as the best answer.

If it turns out there is no way to have a different sidebar layout just for the WooCommerce page, you can add the Custom CSS below to the theme Global Custom CSS to do that.

If there is a problem, leave the CSS in and post back

@media screen and (min-width: 768px) {
.woocommerce-shop .l-content-rsb {width:100%}
}
.woocommerce-shop #primary-widget-area (display:none;)

[Caetlyn]

It seems to have done the trick. Thank you!

[Author]

Posts