[Support request] Customize WooCommerce shop page with GP

[Jiri]

Hi!

I have already bought the GP premium and want to customize (switch off header and footer) my WooCommerce shop page.
Unfortunately it doesn’t work. No matter, it is set on the page, header and footer are still shown.
Do you have any advice, please?
Thanks in advance!

[Tom]

The main WooCommerce page acts like the blog (posts page) – WP ignores all meta box options on these index pages.

You can use CSS for this though:

.woocommerce .site-header,
.woocommerce .site-footer {
    display: none;
}

Let me know if you need more info 🙂

[Jiri]

Oh, great!
Thank you for you super fast reply!
I will try it!

[Tom]

No problem! 🙂

[Felix]

Hi,

I would like to customize my woocommerce shop. I would like to style the buttons and the padding of the content, color etc. Any ideas?

[Leo]

Hi Felix,

This question is a little broad as we need to provide some CSS.

Are you able to open a new topic, provide a link to your site and specify what you want to change? Then we can definitely help you out 🙂

Thanks!

[David]

Hi, I’m using WooCommerce shop page with GP, and want to remove the header, top bar, sidebar and footer widgets. I’ve disabled them within WP with no effect.

Basically I want the Woocommerce pages to look like the rest of my pages.

Here’s what my GP page looks like – http://www.bohemianbuddhist.com
Here’s what my Woocommerce page looks like – http://www.bohemianbuddhist.com/shop

I also disabled page titles, but they’re back again.
All help welcome.

Dave

[Leo]

Hi there,

WordPress ignores all meta box on index pages (blog, archive, woo) by default which is why it didn’t work on the shop page.

Looks like you want the header disable site-wide? If so you can use this filter:
https://docs.generatepress.com/article/generate_header/

As for Top Bar I don’t see it showing anywhere.

Sidebar layout would be Customizer > Layout > WooCommerce > Shop > Sidebar Layout (make sure you have the newest version of GP premium as the WooCommerce add-on hasn’t been released for long)

Then you can change the footer widget globally using the customizer as well:
https://docs.generatepress.com/article/footer-widgets/#global-setting

[David]

Thanks Leo, your advice made hiding the sidebar & footer very easy. The header, not so. It looks like it needs to be coded in. I have no code knowledge, wouldn’t know where/how to use that code snippet.

I’m trying to make the header – where it says ‘Art is Life’ – disappear sitewide.
So this page – http://www.bohemianbuddhist.com/shop
Looks like this – http://www.bohemianbuddhist.com/

Any advice is welcome, Dave

[Leo]

Let’s try the easier way.

Copy this code:

.site-header {
    display: none;
}

and paste into the Additional CSS field in the customizer: https://docs.generatepress.com/article/adding-css/#additional-css

Then you are done!

[Author]

Posts