Product Page Price Design

Store 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.
1

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.

MollieHammond_0-1750830207686.png
MollieHammond_0-1750830207686.png559×136 13.8 KB

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.

2

@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.

3

@MollieHammond

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

4

Hi,

How do we proceed? Thank you