Shopify themes, liquid, logos, and UX
Hello, I am using the spotlight theme and am offering free delivery on my orders. I would like the badge that normally says sold out when an item is sold out to say Free Delivery when the item is in stock. I have attached an image below of the badge I am talking about
thanks in advance
Solved! Go to the solution
This is an accepted solution.
Hi @Phanti
You can do that by following this instruction
Go to Online Store > Themes > Edit code, open card-product.liquid, find this line of code around line 127
{%- if card_product.available == false -%}
Add this code above it and save the file
{%- if card_product.available == true -%}
<span
id="Badge-{{ section_id }}-{{ card_product.id }}"
class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
>
Free shipping
</span>
{%- endif -%}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
Hi @Phanti
You can do that by following this instruction
Go to Online Store > Themes > Edit code, open card-product.liquid, find this line of code around line 127
{%- if card_product.available == false -%}
Add this code above it and save the file
{%- if card_product.available == true -%}
<span
id="Badge-{{ section_id }}-{{ card_product.id }}"
class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}"
>
Free shipping
</span>
{%- endif -%}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Thank you! Is there also a way to change the colour of it to make it stand out more? but without changing the colour of the sold out one
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025