Shopify themes, liquid, logos, and UX
How can I add a custom message/note into the cart drawer in Dawn theme?
I want to have a small message above the the checkout, the subtotal and the price row, that says a custom note whenever someone open their cart drawer and has items in it. I'll link an image to this post that highlights exactly where i want the custom message to be. I want it to be a small text in black color that just says "All orders are processed in USD". The area where i want the message to be displayed is marked in red color.
Solved! Go to the solution
This is an accepted solution.
Ok. Right under where you see </cart-drawer-items>, type this:
<p>Example message to customers here.</p>
Save it, and check your store to see if it appears. Does it work?
You can add textarea there in cart.liquid file in theme code and add text All orders are processed in USD.
there is no cart.liquid file in my theme + you didn't mention how to do it or where to do to place it exactly. in code, you can't just type what you want and it'll display.
Hey @orik, you can do this by making some changes in the code files. Do you have any experience coding on Shopify?
very little. i know how to navigate into the theme's code and how to insert codes. i will only need you to write the code and let me know where to place it + - 🙂
Sure no problem. To get started, can you paste the link to your website? It will make it a little bit easier to help you out. Thanks!
Great! Now, do you want this message to show on both mobile and desktop, or only on mobile?
on both 🙂
Ok. In your code files, what are the files related to the cart? Do you see anything like cart-modal.liquid?
Can you take a screenshot as well for me please? Thanks.
There is no cart-modal.liquid file. Attached to this message are all the files that contain "cart" in my theme
In the Snippets folder, click on cart-drawer.liquid. Do a search for "cart-drawer-items". Does anything come up?
Yes. there are 2 sections where it comes up
Can you take a screenshot of both sections and paste them here? Thanks.
This is an accepted solution.
Ok. Right under where you see </cart-drawer-items>, type this:
<p>Example message to customers here.</p>
Save it, and check your store to see if it appears. Does it work?
yep it does, thank you!
No problem. If you ever have any more questions on how to do something, feel free to reach out to or message me. Thanks!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024