Home Forums WoodMart – Premium Template Woocommerce store notice not working

This topic contains 4 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 4 days, 8 hours ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #149452

    miluga
    Customer

    Hello

    I have activated the Woocommerce store notice, but doesn’t work

    Thanks

    #149470

    Hello,

    I have test your site and your store notice is clearly shown at my end you can check the below screenshot: https://jmp.sh/muu0vIx

    You need to clear your cache.

    Best Regards.

    #149490

    miluga
    Customer

    Quiero mostrarlo en la parte superior, como la posiciĆ³n predeterminada

    #149502

    miluga
    Customer

    Sorry. I want to show that notice at the top, as default woocommerce position

    #149562

    Hello,

    There is no such option currently to display the store notice at the top of screen but you can display the notice as fixed so it always shown and user do not have to scroll to the footer.

    To do this use the below CSS code in Theme Settings >> Custom CSS >> Global Custom CSS:

    .woocommerce-store-notice {
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 341;
      margin: 0;
      padding: 12px 60px;
      color: #FFF;
      text-align: center;
      font-weight: 600;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
        background-color: rgba(157, 98, 252, 0.89);
    }
      .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        background-color: rgba(0, 0, 0, 0.1);
        color: #FFF;
        font-size: 0;
        transition: background-color .25s ease; 
    }
        .woocommerce-store-notice .woocommerce-store-notice__dismiss-link:after {
          font-weight: 600;
          font-size: 14px;
          content: "\f10f";
          font-family: "woodmart-font";
     }
        .woocommerce-store-notice .woocommerce-store-notice__dismiss-link:hover {
          background-color: rgba(0, 0, 0, 0.2); 
    }

    Result: https://jmp.sh/cBi3wp5

    Best Regards.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.