How can I add a meesage on the cart page?

Technical Q&A
, ,

Topic summary

A Shopify store owner wants to add a custom message to their cart page header that displays properly on both mobile and desktop devices.

Proposed Solutions:

  • Custom code modification: Multiple respondents confirm this requires editing the theme’s cart section file, specifically the main-cart-items.liquid file (for Spotlight theme users).

  • Step-by-step implementation: One user provides detailed instructions:

    1. Navigate to theme code editor
    2. Locate main-cart-items.liquid
    3. Find the <tr> tag and add <th>Your text here</th>
    4. Customize styling with inline CSS: <th style="font-size: 20px; color: red">Your text here</th>
    5. Adjust font size and color as needed

  • Alternative resource: A link to Shopify’s official guide on adding order notes was shared, though this may address a different use case.

Status: The discussion remains open with offers from multiple users to implement the code directly if the store owner shares their current cart file code and desired message/styling preferences. Screenshots demonstrating the working solution were provided as proof of concept.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello all,

I’m using my phone and I want to add a message on the cart page, so customers can see it properly on mobile and desktop.

My store URL: https://u7yeji-na.myshopify.com

IMG_6948.PNG
IMG_6948.PNG1125×2436 237 KB

2

To add the custom message the cart page header requires to do the custom code in your cart section theme file.

Could you please share the cart page coding so that I can I update it for you.

Thanks

3

Hello there @Mamdouh_USD This straight to the point guide from Shopify should help you out here https://help.shopify.com/en/manual/online-store/themes/customizing-themes/common-customizations/add-order-notes

4

Hello, it will need custom coding in your theme code. Like in the image I’ve added it.
If I’m not wrong you’re using Spotlight theme. If that is the case follow the steps:

  1. Go to your Theme code
  2. search for main-cart-items.liquid file
  3. in that file search and add code like the image that means Your text here
  4. To color and font-size add it like this: YOur text here
  5. Adjust the font-size(20px) and color according to your preference.

alphaedge_1-1750595224877.png
alphaedge_1-1750595224877.png948×357 36.7 KB

alphaedge_0-1750594949442.png
alphaedge_0-1750594949442.png841×392 24.5 KB

If you share your main-cart-items.liquid file code along with the text and color you want, I can add it for you.
Let me know if you have any queries.

5

@Mamdouh_USD see the images as a proof that this code will work.