Add text on product page with Dawn Theme

Solved
Justin34
Pathfinder
145 0 41

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!

Accepted Solution (1)

Accepted Solutions
AvadaCommerce
Shopify Partner
3033 696 566

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 5 (5)
AvadaCommerce
Shopify Partner
3033 696 566

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

KetanKumar
Shopify Partner
31217 3117 10466

@Justin34 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Justin34
Pathfinder
145 0 41

Thanks!! That worked perfectly. Is it possible to add that on each individual product page too? Like right under the price?

 

Thanks 🙂

KetanKumar
Shopify Partner
31217 3117 10466

@Justin34 

yes, please try  above my code its work as well 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Justin34
Pathfinder
145 0 41

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!!