Jump to content

Custom status badge works for some items but not all

Recommended Posts

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;
}

image.thumb.png.6a2d1baa5207a715928fdfd8133fce1a.png

 

Our website is: regoods.co/buy

Edited by regoods
Link to comment
  • Replies 1
  • Views 737
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.