Re: 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
