How can I add a new arrivals badge to products using code?

How can I add a new arrivals badge to products using code?

Wasif3
Excursionist
59 1 7

Wasif3_1-1602324274058.png

Can anyone help me that how we can add the badge of new arrivals in the products with the help of codes

 

Replies 10 (10)

KetanKumar
Shopify Partner
37036 3644 12019

@Wasif3 

Thanks for post

add this code to your product cart grid, a product grid item product item depend on your theme "new" add this tag to your prodcut

 

{%- assign productTags = product.tags | join: ',' -%}
{%- if product.tags contains "new" -%}
<div class="tab-new">
New
</div>
{%- endfor -%}
{%- endif -%}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Wasif3
Excursionist
59 1 7

Wasif3_0-1602328574209.png

when i added this code an error has been occured. and in minimal theme their is no product card.grid

can you please help me what should i do?

KetanKumar
Shopify Partner
37036 3644 12019

@Wasif3 

i have update code can you please check

Thanks

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Wasif3
Excursionist
59 1 7

@KetanKumar 

can you please clearly define that where should i have to paste the code because their is no product.card.grid file in my theme. I am adding this code in product.grid.item

can you please tell me either this code is add at the bottom or top of the product.grid.item file. I am using minimal theme

Wasif3_0-1602338522425.png

 

KetanKumar
Shopify Partner
37036 3644 12019

@Wasif3 

I need your store login details. Yes, I know your login details are confidential. For this second option, I have added your store to my Shopify partner account so I will check your code easily and manage what you think about it?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Wasif3
Excursionist
59 1 7

@KetanKumar 

yeah sure

store url:pakistantiedye.myshopify.com

password:Student2951

KetanKumar
Shopify Partner
37036 3644 12019

@Wasif3 

i mean store admin

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Wasif3
Excursionist
59 1 7

@KetanKumar 

yes please check it from your side because i have added codes so many times but the problem is still there

BugShallNotPass
Shopify Partner
32 1 10

If you want your products to be automatically tagged with any tag defining a "new arrival" try using the New Arrivals app. It can automatically tag and untag products based on creation or publishing date. You can set up a concrete period of time the products should be considered to be "new". Although you would still need to make a front-end theme adjustment to show the badge, the app will help you avoid manually keeping track of those products i.e. it will automatically remove the tag after a specified period of time. It might be helpful to those merchants who have huge products rotation.

Xmas Shopify app - beautiful falling snow animation
New Arrivals Shopify app - automatically tag/untag products based on creation/publishing date
Motion - scrolling text announcements
Best Sellers Shopify app - and automate bestseller collections based on quantities or sales
Stash Shopify app - hide products from search results and search engines

gr_trading
Shopify Partner
1886 145 198

Hi @Wasif3 ,

 

Please refer the below video to achieve the same.

 

 

Hope this will help

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee