Shopify themes, liquid, logos, and UX
Hi all,
Me again lol. Anyone know how to add text under the product price using the Dawn Theme? I would like to include "SHIPS FOR FREE" under the price of all my products.
Website is www.PennsylvaniaParks.org
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @Justin34 ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/component-card.css->paste below code at the bottom of the file:
.card-information .price {
position: relative;
}
.card-information .price:after {
content: 'SHIPS FOR FREE';
display: block;
font-size: 12px;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
This is an accepted solution.
Hi @Justin34 ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/component-card.css->paste below code at the bottom of the file:
.card-information .price {
position: relative;
}
.card-information .price:after {
content: 'SHIPS FOR FREE';
display: block;
font-size: 12px;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Thanks!! That worked perfectly. Is it possible to add that on each individual product page too? Like right under the price?
Thanks 🙂
yes, please try above my code its work as well
Its almost perfect... when you click on the product, and go to the product page itself, is there anyway to move the "ships for free" text to under the price? currently its on the right hand side of the price instead of under it. Thanks so much!!
Same problem.
Does anyone know how to move the text under the price ?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:
.price {
position: relative;
}
.price::before {
position: absolute;
width: 100%;
height: 100%;
content: "SHIPS FOR FREE";
text-align: right;
font-size: 14px;
font-weight: bold;
top: 5px;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024