Adding Free Shipping Next to Product Price on Product Page (Empire Theme)
Hey everyone!
Using Empire theme, how do you add "FREE SHIPPING" next to the product price like this?:
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
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>
Best regards,
Dan from Ryviu
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:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
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>
Best regards,
Dan from Ryviu
Community Blog Articles
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025
Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025