Change the product-item__badge

Excursionist
26 0 3

Hello, i am trying to change the product-item__badge from the Boundless theme to Brooklyn theme. Want it to go from

this: https://prnt.sc/shqn6f

to this: https://prnt.sc/shqnbg

 

I tried to implement the following code from Boundless into Brooklyn, but it completely mess it up: 

.product-item__badge {
  position: absolute;
  top: -26px;
  right: -94px;
  width: 200px;
  padding: 40px 4px 4px;
  text-align: center;
  background-color: $color-sale-badge;
  color: $color-sale-badge-text;
  font-size: em(13);
  font-weight: $font-weight-body-bold;
  @include transform(rotate(45deg) translateZ(0));

}

.product-item__badge--large {
  top: -10px;
  right: -75px;
  width: 200px;
}

 

0 Likes
Highlighted
Shopify Partner
216 17 83

Hey @TroWul 


I noticed that you want to apply product badges/stickers on your catalog images, but you're facing issues with implementing code on the theme.

Well, with our app (Modemagic) that we recently developed you won't have to be stuck in getting the right code onto your theme! Our app will help you add product stickers/badges on your catalog within seconds. And we have an extensive collection of customised stickers based on different occasions (Sale & Discounts, Pre-Order, Trust Badges and much more)

No complex edits, no back & forth with designers. Update your store within a few minutes! 

undefinedundefinedundefined

Don’t find a sticker that meets your need, reach out to us on chat for a custom design! We also create stickers in various languages. Check out this app on Shopify here.

Hope this helps :) 

Fayaz

ModeMagic
Featured on Shopify Staff Picks
0 Likes