Like how on etsy, just below the product title , on the homescreen you can browse through selections and see which products are free shipping for each individual product.
Is there a app or widget that grants this ability>?
@okkidokkishop - do you want this badge for each and every product or few products only?
If possible for some products, But!!! Id Love LOVE to know how to do it for all products as well!!!
@okkidokkishop - it will need code editing in both cases, just thing is that if it is for only some products then it will need more code adjustments
are you familiar with liquid coding?
im a bit familiar as ive seen other people instruct others to copy and paste coding to the liquid, and ive done it before, but just the copy and paste experts instruct me
@okkidokkishop - can you please share the site link?
@okkidokkishop - 0do you want something like in the screenshot?
Yes! Yes! Maybe in a green tone border and round edges?(:
@okkidokkishop - can you accept me as collab? I will send request, my code will add this label to all products, will it be ok?
Go to your products section and add a āfreeshippingā tag to all products that you want to have free shipping enabled.
Go to your theme editor and find the file named ācard-product.liquidā.
In that file paste the below code at the location specified in the screenshot, click save
{%- if card_product.tags contains 'freeshipping' -%}
{%- endif -%}
The result should look like this
3 Likes
WOW! This is PERFECT! Thank you so much! I was even able to modify it to make it more personalized for my shop! ONE LAST Little question! can I also paste this code to another line in the liquid to where its below the price?(: if not this is perfectly fine!
Update: NEVERMIND! I FIGURED IT OUT!! WOW CODING CSS IS FUN AHAHH I might wanna get into coding now , this is so fun! thank you for your help!!!
1 Like
Hello! Iām in an older version of dawn and I canāt see the file name ācard-product.liquidā. Iāve duplicated my current theme and updated to the latest version of dawn without publishing, but it changes too many aspects of my home page. Is there a way of adding this feature to an older version of dawn? Iām currently using Dawn 2.4.0. Thank you!
Can this code be added to the default product page? I donāt know how to read the codes here; they are confusing. I would appreciate any help like somewhere under the price tag. I use the DAWN theme.
What would be the tags to add in here to change the color of the text, the font size and also to make it bold?
Hey! Youāre the only result Iāve seen close to what Iām needing. The only problem Iām having is that when I post this code, it appears very largely over the photo of my listing. Iāve tried moving it around but havenāt had any luck. Iād like it to just be plain black with white font and appear under my product price. Any help is greatly appreciated!
This is perfect! How can i make the font White? I changed the background to red
@Hi @PhoneCases
you can change colors in code like this
{%- if card_product.tags contains 'freeshipping' -%}
{%- endif -%}
1 Like
Hi, Trying to apply this to the Ella 6.4.1 theme. But it appears to be set up a little differently to the dawn theme.
Are you familiar with it? could you add some guidance for where the code should be placed in this theme. Thanks