Jump to content

Adding "NEW" on new product thumbnail

Recommended Posts

Site URL: https://www.fvbrk.com/store

Hi! I've tried looking around and I can't seem to find what I'm looking for (possibly because I'm not sure what it's actually called) but I'm trying to add an image at the top corner of my product thumbnails that says "NEW" for new products. Is this a feature I am blindly skipping over or is this even possible on squarespace? A quick example would be the homepage of https://thehundreds.com/ in the "New Arrival" section (the red bomb with the word "NEW"; example image attached). Thanks in advanced!

Screen Shot 2022-07-11 at 5.44.09 PM.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

14 hours ago, fvbrk_brand said:

I'm trying to add an image at the top corner of my product thumbnails that says "NEW" for new products. Is this a feature I am blindly skipping over or is this even possible on squarespace?

On Squarespace, there isn't a way to automatically identify new products and tag them in this way (the site you quoted as an example was a Shopify site).

However, you can achieve this manually with some code. First add a 'new' tag to the required products. You can add tags and categories in the Product Composer (where you edit products).

Once you've added your tag you'll need some code to look for the tag and show a custom badge. I wrote a simplified guide for this here: Adding a custom status badge to Squarespace Products. There's a version for Squarespace 7.1 within the guide.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
8 hours ago, paul2009 said:

you can achieve this manually with some code.

thank you for this! I tried following your steps and I don't think I did it correctly but I believe you get what I'm trying to do. How do I check to see what version of squarespace I have? Also, if I wanted to use an image instead, is that possible? Thanks again!

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.