Spotlight theme Sold Out badge to Free shipping bage

Solved

Spotlight theme Sold Out badge to Free shipping bage

Phanti
Visitor
2 0 0

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 

Phanti_0-1714728606123.png

 

 

thanks in advance

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10868 2142 2277

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.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
10868 2142 2277

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.

Phanti
Visitor
2 0 0

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