How can I hide part of my product page price block?

Store Design
, , , ,

Topic summary

A user seeks to hide or remove a specific element from their product page price block on a Shopify store.

Proposed Solution:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code above the </body> tag to hide the unwanted element

Follow-up Question:
The original poster asks how to specifically hide the currency symbol ($) from the price display.

Status: The discussion remains open, awaiting guidance on the currency symbol customization. The initial solution involves adding CSS code to the theme files, though the exact code snippet appears corrupted or encoded in the conversation.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hey guys,

First thank you so much for your interest.

Please I need to hide or remove this part of my product page.

Capture d’écran 2023-09-09 102543.png

Capture d’écran 2023-09-09 143228.png

2

Hey @Mohamed70

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694266596312.png
Moeed_0-1694266596312.png1593×536 122 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Ok thanks, I’ll try.
What about if I want to hide the currency ($)?