Product Page Price Design

Topic summary

A user running a Shopify store with the Palo Alto theme seeks to redesign their product page pricing display.

Current state: Standard price and savings badge layout (shown in first image).

Desired changes:

  • Larger, more prominent sale price in specific green color (#0A6D56)
  • Savings amount displayed in red (#A20505)
  • Text showing “RRP of (X)” for original price
  • Addition of free delivery and price match icons/badges next to pricing
  • Reference mockup image provided showing target layout

Status: Two developers have responded indicating this requires custom code implementation and have offered their services. The original poster has expressed interest in proceeding but hasn’t yet selected a developer or begun implementation. Theme access would be needed to complete the customization.

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

Hi all,

Hope everyone is well. We are currently using the Palo Alto theme and our product price and savings badge looks like this on the product page.

We are needing it to be more like this. With the image free delivery and price match next to a larger price with the text colour of the sell price in 0A6D56. the Savings in red text A20505 and the text after to say RRP of (X).

MollieHammond_1-1750830243570.png

Can anyone advise how to do this?

Our website url: https://www.coffee.prestigerepairs.com.au/collections/manual-coffee-machines/products/ascaso-dream-pid-coffee-machine

Thank you.

@MollieHammond , This requires custom code, so I’ll need access to your store’s theme to implement it. Please let me know if you’d like to proceed and share the theme access accordingly.

@MollieHammond

It need customization to achieve this result. If you’d like to discuss this more, don’t hesitate to send me a PM.

Hi,

How do we proceed? Thank you