Custom status badge works for some items but not all

Hi, 

I am trying to add a custom badge to some of my items that are part of a free trial we are offering. It is currently working for some of our products, but not all - see screenshot below: all items here should have the risk-free trial badge. Has anyone had this issue before or knows how to solve it? 

I am currently using the code injection from this post https://sf.digital/squarespace-solutions/adding-a-custom-product-badge-to-squarespace plus this custom css code:

.products.collection-content-wrapper .product-mark.sf-guarantee {
  font-size: 10px !important;
  position: absolute !important;
  top: 5px !important;
  right: 0 !important;
  background: white !important;
  width: 100px !important;
  text-align: center !important;
}

Our website is: regoods.co/buy

33 minutes ago, regoods said:

I am trying to add a custom badge to some of my items that are part of a free trial we are offering. It is currently working for some of our products, but not all - see screenshot below: all items here should have the risk-free trial badge. Has anyone had this issue before or knows how to solve it? 

Hi. This is because you are using the Universal Filter plugin to limit the number of products that are loaded. Because you are limiting the number of products that are loaded, the custom badge script can only apply the badge to the first few products. You'll need a new script that can be triggered each time the filter loads results. 

Did this help? Please give feedback by clicking an icon below  ⬇️