Brooklyn theme- Sale tag ON product option button

augds
Explorer
98 0 23

Hi everyone,

 

I am looking for a way to add a little tag with "10% off" and "20% off" for certain variants. An example could be found on dropbottle.com

Capture.JPG

I have inspected their site and added the following code to my theme.scss but it's not working:

.single-option-radio label span {
    position: absolute;
    top: -10px;
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-option-radio label:nth-of-type(2) span:before {
    content: '10% off';
}

.single-option-radio label:nth-of-type(3) span:before {
    content: '20% off';
}

.single-option-radio label span:before {
    position: relative;
    background: $colorSecondary;
    padding: 3px 6px 4px 6px;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    height: 100%;
    color: black;
    border-radius: 10px;
    font-size: 0.875rem;
}

 

Could anyone tell me what I would need to do to achieve this same result? 

My url is pupstarbeds.com/calming-cloud

 

Thank you so much!

0 Likes
UmairA
Shopify Partner
797 80 147

Hey there @augds,

Each website is different. The code you copied is specific to that website only. For your store, I can help you with a code specific to your store. Message me if you need my help.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
0 Likes