Adding Free Shipping Next to Product Price on Product Page (Empire Theme)

Solved

Adding Free Shipping Next to Product Price on Product Page (Empire Theme)

AhmedAM11037
Visitor
3 0 0

Hey everyone!

 

Using Empire theme, how do you add "FREE SHIPPING" next to the product price like this?:

 

AhmedAM11037_0-1719186325792.png

And is it possible to color code it like this so it's in red?

I appreciate any help you can provide. Thanks!

 

STORE LINK: www.spacesavingbed.com

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
8547 1685 1692

This is an accepted solution.

Hi @AhmedAM11037 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.price.product__price:after {
    content: '+ FREE SHIPPING';
    color: green;
    font-weight: bold;
    display: inline-flex;
    font-size: 20px;
    align-items: center;
}
</style>

Screenshot 2024-06-24 at 14.49.15.png

 

Best regards,

Dan from Ryviu

- Helpful? Like and Accept solution to let me know or Buy me 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)

AnneLuo
Shopify Partner
775 147 162

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.price__current.price__current--on-sale:after {
    content: "+ FREE SHIPPING";
}
</style>

Result:

AnneLuo_0-1719189995997.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Dan-From-Ryviu
Shopify Partner
8547 1685 1692

This is an accepted solution.

Hi @AhmedAM11037 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.price.product__price:after {
    content: '+ FREE SHIPPING';
    color: green;
    font-weight: bold;
    display: inline-flex;
    font-size: 20px;
    align-items: center;
}
</style>

Screenshot 2024-06-24 at 14.49.15.png

 

Best regards,

Dan from Ryviu

- Helpful? Like and Accept solution to let me know or Buy me 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.