Want to add "NEW" to products in grid collections

Shopify Discussion
, ,
1

Hi I’m using Horizon and would like to add a “NEW” from the using tags but I’m a bit lost.

HELP!!

p.s. new to coding :grimacing:

Thanks

2

Welcome to the Shopify Community! :waving_hand:

If you’re using the Horizon theme, adding a “NEW” badge based on product tags is definitely possible, but the exact implementation depends on how your theme is set up.

Could you share:

  • Your store URL (if you’re comfortable)

  • The specific tag you’re using (for example: new)

  • Whether you want the badge to appear on collection pages, product pages, or both

Since you’re new to coding, a screenshot of where you’d like the badge to appear would also help the community provide the correct code snippet.

3

Forum has a search function and it’s a good idea to search first and ask then.

For example, this solution may be your answer – Adding Just Added Badge to Horizon - #2 by tim_tairli

There is a bunch of others…

4

Hi @extranormal
You don’t need to do any heavy coding for this. First create a product tag called NEW in the product admin area.

Then check your product card in Horizon in the theme editor for a badge/label option. if not you can add a simple condition in your product card liquid: if product tags contains NEW then display a little “NEW” label.

Will “New” Let the theme do the badge? If you do not want to touch code at all, another option is to use an automatic collection called New and have the theme badge that collection instead.

5

Hey @extranormal .

No worries, this is easier than it sounds!

Go to your Shopify Admin, then Products, click on any product you want to mark as new, and add the tag NEW in the tags field, then save.

Then go to Online Store, then Themes, then Customize. Click on the section that shows your products and look for a setting called Product badges or Labels. Some Horizon settings let you show a badge automatically when a product has a specific tag.

If you cannot find that setting in Horizon, it may need a small code edit. If that happens, come back and let us know, and someone can walk you through the exact steps.

You are doing great for someone new to this!