Free Shipping Badge - Empire Theme

[AVID1]

I want to add a Free Shipping badge to my products. How can I go about doing this?

Edit: Note that I'm looking for a simple code and where to insert it in the Empire theme to utilize a Free Shipping tag added to every product profile as all products on our site ship free.

[Amanda_Fordeer]

Hi @AVID1,

You can easily accomplish this by using our Product Badges or Trust Badges. And if you encounter any issues, our technical support team is always ready to assist 🤗

[ecoboostify · Accepted solution]

1. Go to Shopify Admin > Online Store > Customize. https://prnt.sc/82ylOl745HYR
2. Select Product Pages from the top menu.
3. In Product Information, click Add Block > Custom Liquid.
4. Paste below Liquid code
5. Save changes to apply the update.

<div style="display: flex; align-items: center;">
<svg width="36" xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-truck" viewBox="0 0 20 20"><path d="M0 3.752c0-.277.224-.502.5-.502h10.147a.5.5 0 0 1 .5.502v9.91l-.595 1.003H7.223V13.66h2.923V4.253H1.002v9.408h1.682v1.004H.501A.5.5 0 0 1 0 14.163zm18.999 4.332-7.851-1.975V5.075l8.473 2.131a.5.5 0 0 1 .379.487v6.47a.5.5 0 0 1-.5.502h-2.193v-1.003H19zm-7.851 5.578h2.196v1.003h-2.792z"></path><path d="M7.713 14.185a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562m12.368-1.562a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562"></path></svg>
<span style="margin-left: 8px;">Free shipping</span>
</div>

[Tan2020]

Hi, is there a way to change the little van to white ?

[ecoboostify]

You can change the color of the van in your SVG by adding a fill attribute to the SVG element you want to style.
For example, setting fill="#fff" will make the element white.

<div style="display: flex; align-items: center;">
<svg width="36" xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-truck" viewBox="0 0 20 20" fill="#fff"><path d="M0 3.752c0-.277.224-.502.5-.502h10.147a.5.5 0 0 1 .5.502v9.91l-.595 1.003H7.223V13.66h2.923V4.253H1.002v9.408h1.682v1.004H.501A.5.5 0 0 1 0 14.163zm18.999 4.332-7.851-1.975V5.075l8.473 2.131a.5.5 0 0 1 .379.487v6.47a.5.5 0 0 1-.5.502h-2.193v-1.003H19zm-7.851 5.578h2.196v1.003h-2.792z"></path><path d="M7.713 14.185a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562m12.368-1.562a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562"></path></svg>
<span style="margin-left: 8px;">Free shipping</span>
</div>

[ecoboostify]

1. Go to Shopify Admin > Online Store > Customize. https://prnt.sc/82ylOl745HYR
2. Select Product Pages from the top menu.
3. In Product Information, click Add Block > Custom Liquid.
4. Paste below Liquid code
5. Save changes to apply the update.

<div style="display: flex; align-items: center;">
<svg width="36" xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-truck" viewBox="0 0 20 20"><path d="M0 3.752c0-.277.224-.502.5-.502h10.147a.5.5 0 0 1 .5.502v9.91l-.595 1.003H7.223V13.66h2.923V4.253H1.002v9.408h1.682v1.004H.501A.5.5 0 0 1 0 14.163zm18.999 4.332-7.851-1.975V5.075l8.473 2.131a.5.5 0 0 1 .379.487v6.47a.5.5 0 0 1-.5.502h-2.193v-1.003H19zm-7.851 5.578h2.196v1.003h-2.792z"></path><path d="M7.713 14.185a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562m12.368-1.562a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562"></path></svg>
<span style="margin-left: 8px;">Free shipping</span>
</div>

[ecoboostify]

1. Go to Shopify Admin > Online Store > Customize. https://prnt.sc/82ylOl745HYR
2. Select Product Pages from the top menu.
3. In Product Information, click Add Block > Custom Liquid.
4. Paste below Liquid code
5. Save changes to apply the update.

<div style="display: flex; align-items: center;">
<svg width="36" xmlns="http://www.w3.org/2000/svg" class="icon icon-accordion icon-truck" viewBox="0 0 20 20"><path d="M0 3.752c0-.277.224-.502.5-.502h10.147a.5.5 0 0 1 .5.502v9.91l-.595 1.003H7.223V13.66h2.923V4.253H1.002v9.408h1.682v1.004H.501A.5.5 0 0 1 0 14.163zm18.999 4.332-7.851-1.975V5.075l8.473 2.131a.5.5 0 0 1 .379.487v6.47a.5.5 0 0 1-.5.502h-2.193v-1.003H19zm-7.851 5.578h2.196v1.003h-2.792z"></path><path d="M7.713 14.185a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562m12.368-1.562a2.56 2.56 0 0 1-2.56 2.565 2.56 2.56 0 0 1-2.56-2.565 2.56 2.56 0 0 1 2.56-2.564 2.56 2.56 0 0 1 2.56 2.564m-2.56 1.562a1.56 1.56 0 0 0 1.558-1.562 1.56 1.56 0 0 0-1.559-1.56 1.56 1.56 0 0 0-1.558 1.56 1.56 1.56 0 0 0 1.558 1.562"></path></svg>
<span style="margin-left: 8px;">Free shipping</span>
</div>