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
7726 1506 1515

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 -%}

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

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 -%}

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- 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