turbo product stickers

Comments

3 comments

  • Avatar
    Brandon D Barney

    I just encountered this issue myself. It's easy to fix by going to Theme Settings > Colors. Scroll down until you see 'Stickers' and just above is 'Banner Style'. Change it to 'Squared'.

    You can also go into 'Styles.css' in edit code, and change this:

    {%- if settings.banner_style == 'round' -%}
    .sale_banner_product,
    .new_banner_product,
    .preorder_banner_product {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    padding: 0;
    }
    @media only screen and (max-width: 798px) {
    .sale_banner_product,
    .new_banner_product,
    .preorder_banner_product {
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    }
    }
    {%- endif -%}

    To this:

    {%- if settings.banner_style == 'round' -%}
    .sale_banner_product,
    .new_banner_product,
    .preorder_banner_product {
    border-radius: 50%;
    height: 70px;
    line-height: 70px;
    padding: 0;
    }
    @media only screen and (max-width: 798px) {
    .sale_banner_product,
    .new_banner_product,
    .preorder_banner_product {
    top: 5px;
    right: 5px;
    height: 50px;
    line-height: 50px;
    }
    }
    {%- endif -%}

     

    It will allow the shape to fit the size of the text, but it will become an ellipses instead of a circle. I'm not well-versed enough in CSS to make it a circle and to stretch the width, but I doubt you'd want to (since it would become quite large).

    Good luck!

    0
    Comment actions Permalink
  • Avatar
    Lauren Mccreery

    Hi guys,

    Can I ask how you actually added the product stickers please? I see the enable product stickers in the product grid section but cannot for the life of me see where to action them on the product pages. Am I missing something?!

    Any help much appreciated,

    Lauren

    0
    Comment actions Permalink
  • Avatar
    Terri

    Hi Lauren.

    You have to make a collection first called Pre-order or Sale or New and then you need to add the products you want in there. In the bottom of that collection you need to make sure the slug ends with Pre-order or Sale or New ( pre-order must be spelled like that). manage the visibility on the sales channels you want on the top right. if you have the product stickers turned on, it will then work

    like this: https://help.outofthesandbox.com/hc/en-us/articles/360025641353-Flex-Guide-Product-Stickers

    0
    Comment actions Permalink

Please sign in to leave a comment.