Solved

Add text on product page with Dawn Theme

Justin34
Trailblazer
312 0 82

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!

ALL I THINK ABOUT IS OUR PARKS 🙂
Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 951

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.

banned

View solution in original post

Replies 7 (7)

AvadaCommerce
Shopify Partner
3879 839 951

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.

banned
Justin34
Trailblazer
312 0 82

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

 

Thanks 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂
KetanKumar
Shopify Partner
36839 3635 11972

@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
Trailblazer
312 0 82

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

ALL I THINK ABOUT IS OUR PARKS 🙂
Designshop
Tourist
8 0 3

Same problem.

Does anyone know how to move the text under the price ?

KetanKumar
Shopify Partner
36839 3635 11972

@Designshop 

 

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.

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

KetanKumar
Shopify Partner
36839 3635 11972

@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