Solved

How to add custom text to the cart drawer (Dawn 13 theme)

DRAWandCARE
Pathfinder
116 0 15

Hi everyone!

 

I'm using the Dawn 13 theme for my website and I'm wondering if there's a way to add custom text to the cart drawer. For example, I'd like to inform customers about a discount, with static text and no animations.

 

I would appreciate any advice!

 

My website: https://www.drawandcare.com/

https://www.drawandcare.com/products/copy-of-mini-custom-watercolor-cat-portrait-1

 

 

Screenshot_4.png

 

Accepted Solutions (2)

Sweet_Savior_3
Shopify Partner
1054 87 94

This is an accepted solution.

Hello @DRAWandCARE 

 

Welcome to Shopify Community

 

Please follow below steps:

1. Open cart-drawer.liquid file

2. Add html at the highlighted area >>

<div class="message" style="background:#fff2d7;">
 <p style="padding: 5px;">YOU ARE ELIGIBLE FOR THE DISCOUNT OF 50%</p>
</div>

Sweet_Savior_3_0-1709222652071.png

3. Change the message as per your need.

4. Save

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Sweet_Savior_3
Shopify Partner
1054 87 94

This is an accepted solution.

Please paste the given CSS in base.css file:

cart-drawer-items .message p {
    padding: 0 !important;
    margin-top: 0 !important;
}

 

OUTPUT:

Sweet_Savior_3_0-1709572768223.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Replies 4 (4)

Sweet_Savior_3
Shopify Partner
1054 87 94

This is an accepted solution.

Hello @DRAWandCARE 

 

Welcome to Shopify Community

 

Please follow below steps:

1. Open cart-drawer.liquid file

2. Add html at the highlighted area >>

<div class="message" style="background:#fff2d7;">
 <p style="padding: 5px;">YOU ARE ELIGIBLE FOR THE DISCOUNT OF 50%</p>
</div>

Sweet_Savior_3_0-1709222652071.png

3. Change the message as per your need.

4. Save

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
DRAWandCARE
Pathfinder
116 0 15

Hi, thank you so much, it worked great!

I just have one additional question: is there any way to remove the space that appears with the addition of text (highlighted in the screenshot below)?

Thanks again!

 

1fgrsdfc.png

 

Sweet_Savior_3
Shopify Partner
1054 87 94

This is an accepted solution.

Please paste the given CSS in base.css file:

cart-drawer-items .message p {
    padding: 0 !important;
    margin-top: 0 !important;
}

 

OUTPUT:

Sweet_Savior_3_0-1709572768223.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
DRAWandCARE
Pathfinder
116 0 15

Thank you so much! It worked perfectly! 🙂