[Support request] Customize WooCommerce Store Notice

[Pedro]

Hello! I would like to make these changes in the store notice of my site (WooCommerce)

– Change styles like background color, text color etc.

– By default, the notice appears above the header and top header. I would like it to appear before everything.

– That the notice is fixed when scrolling.

Thank you!

[Leo]

Hi there,

The store notice is a feature of WooCommerce plugin itself and GP doesn’t have any control over it:
https://docs.woocommerce.com/document/woocommerce-customizer/#section-2

Have you checked with their support first?

[Pedro]

Hi leo! Thanks for answering.

Yes, I have contacted them and they told me that for those types of customizations I would contact the support of my theme.

Since those are customizations that each theme does through CSS.

[Leo]

I’m not sure why they would say that. You can see that the CSS is coming from their plugin directly:
https://www.screencast.com/t/zr4P9ZORr

If you use a twenty series WP theme, you should see the exact same thing as in GP.

You can overwrite their CSS with the same selector shown in the screenshot.

[Pedro]

And then what should I do?

They tell me to contact you.

You tell me to contact them.

[Leo]

I would contact them again and show them that this is not controlled by the theme as you see the same thing when using a default twenty series theme.

The color can be changed pretty easily with this CSS:

.woocommerce-store-notice, p.demo_store {
    background-color: #000;
    color: #333;
}

[Whelan]

Hello.
I had the same problem and I’m sure others do too. The Woocommerce documentation states the location options are determined by the theme – but GeneratePress doesn’t appear to have any ready-made options, so I added some CSS.

If you want it at the bottom, you could add something like this:

.woocommerce-store-notice, p.demo_store {
    position: fixed;
    top:auto;
    bottom: 0;
}

Or, if you want it to appear at the top without order blocking the header, you could shift the nav down slightly and make the notice width ~ 60%

.woocommerce-store-notice, p.demo_store {
    left: auto;
    right: 0;
    width: 60%;
    padding: .75em 1em;
    text-align: left;
    border-radius: 0 0 0 20px;
}

[Leo]

Awesome.

Thanks for sharing!

[Christopher]

Hey thanks for the solution!

I too experienced this today having noticed that these options are missing from GeneratePress.

It does at first seem odd that this is missing from GeneratePres until the issue is explained which makes sense, but then even though it makes sense, it would be great if this could be added as a feature request so that GeneratePress could find a way to override WooCommerce plugin to enable these options…..

Theme Version: 3.0.2
GP Premium Plugin Version: 1.12.2

[Leo]

We will consider it for the next WooCommerce update.

Thanks!

[Author]

Posts