How to add "Compare at price" into Cart page

Topic summary

Goal: show a product’s “compare at price” (original price) next to the current price on the cart page, and change the price color to #8c2f39. An image was provided to illustrate the desired layout.

Recent updates:

  • The requester shared the product URL: https://shoppurrfectpal.com/products/mat.
  • A developer suggested editing theme code in main-cart-items.liquid and provided a replacement snippet that includes component styles (e.g., component-price.css) and section schema. However, the snippet does not explicitly render a compare-at price or set the price color.
  • Another participant recommended using the iCart Cart Drawer Cart Upsell app as an alternative approach.

Context/terms:

  • “Compare at price” in Shopify is the higher/original price displayed beside the current price to indicate savings.
  • A “cart drawer” is a slide-out mini cart interface; the request targets the cart page.

Status/outcomes:

  • Store URL shared; code-change direction received.
  • No confirmation that compare-at price or color change is working yet.
  • Discussion remains open; next steps are to implement/display compare-at price in the cart markup and apply the #8c2f39 color.
Summarized with AI on January 4. AI used: gpt-5.

Hi @viral1

I’m Dan from Ryviu: Product Reviews & QA app.

Could you share your store URL to check?