Why is the ICON theme code appearing on my page?

Store Design
,

Topic summary

A user accidentally introduced code that displays ICON theme code visibly on their Shopify store page. Despite attempting to delete the problematic modifications, the issue persists.

Root Cause Identified:
The GemPages support team diagnosed that CSS code was added directly to theme.liquid without wrapping it in proper <style></style> tags, causing raw code to render on the page.

Proposed Solution:

  • Navigate to Online Store → Themes → Edit code
  • Open product-main.liquid and product-card.liquid files
  • Search for and update the problematic code with proper markup tags

Current Status:
The user reports the suggested fix did not resolve the issue, and the problem remains unresolved. Screenshots were shared showing the visible code output and the incorrect code placement in theme.liquid.

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

Hi,

I did a mistake when i tried to modify the code. I deleted all but i don’t know why, the problem is again here. Ty !!

jeycherries_1-1676456218150.png
jeycherries_1-1676456218150.png1841×126 10.2 KB

Jeycherries - Réveiller la cerise qui sommeil en vous

2

Hello @jeycherries

It’s GemPages support team and glad to support you today.

You add the css code to the theme.liquid but do not put the code below in the . tag pair

Screenshot at Feb 15 18-38-24.png
Screenshot at Feb 15 18-38-24.png1183×602 194 KB

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your main-product.liquid and card-product.liquid theme file.

  3. Search the above code and update again

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

3

It doesn’t works for me :confused: