[Support request] Customize WooCommerce Store Notice

Home Forums Support Customize WooCommerce Store Notice

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1198871
    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!

    #1198918
    Leo
    Staff
    Customer Support

    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?

    #1198922
    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.

    #1198926
    Leo
    Staff
    Customer Support

    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.

    #1198932
    Pedro

    And then what should I do?

    They tell me to contact you.

    You tell me to contact them.

    #1198937
    Leo
    Staff
    Customer Support

    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;
    }
    #1411485
    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;
    }
    #1411607
    Leo
    Staff
    Customer Support

    Awesome.

    Thanks for sharing!

    #1536381
    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

    #1539520
    Leo
    Staff
    Customer Support

    We will consider it for the next WooCommerce update.

    Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.