Help with custom code

Technical Q&A
, , ,

Topic summary

A user’s custom Acne Safe Ingredient Checker tool stopped working unexpectedly on their Shopify store. The tool allows users to input product ingredients and checks them against a database of comedogenic (acne-causing) ingredients.

Initial troubleshooting suggestions included:

  • Checking for recent Shopify/theme updates
  • Inspecting browser console (F12) for JavaScript errors
  • Looking for conflicts with other scripts or apps
  • Verifying external file references

Code issues identified:
The user attempted to share their code multiple times but encountered formatting problems. The posted code snippets reveal several syntax errors:

  • Duplicate <script> tags
  • Incomplete variable declarations (truncated comedogenic ingredients list)
  • Malformed HTML structure mixing Liquid template code with standalone HTML

Current status:
The discussion remains unresolved. The user is struggling to post the complete code in the forum and offered to share it via email instead. A proper code review is needed once the full, correctly formatted code can be examined.

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

My code for the Acne Safe Ingredient Checker is not working anymore out of the blue. Can someone help with me with the code? Shop Link - https://studioleclair.com/pages/acne-safe-checker

2

It’s hard to say what’s wrong without looking at the code itself, but a few things could be causing the issue:

Recent Shopify or Theme Updates – Sometimes updates can break custom scripts. Did you recently update your theme or install a new app?
JavaScript Errors – If there’s a bug, it might be showing errors in the browser console. Try opening your site and pressing F12 > Console (on Chrome) to check for errors.
Conflicts with Other Scripts – New apps or changes to your site could be interfering with your code.
Missing or Changed File References – If your script relies on an external file (like a JavaScript library), check if it’s still linked properly.
Can you share the actual code you’re using? I’ll take a look and help debug it!

3

Acne Safe Ingredient Checker

Enter a list of ingredients from your product (separated by commas or line breaks):


Check Ingredients Clear

Done by MaddieLizSites

#ingredientList { width: 100%; max-width: 400px; height: 100px; } #result { font-size: 18px; margin-top: 10px; } .red-text { color: red; } .green-text { color: green; } #buttons { margin-top: 10px; } #credit { font-size: 12px; margin-top: 10px; color: #666; } #credit a { color: #666; text-decoration: none; }
4

Acne Safe Checker Code:

Acne Safe Ingredient Checker #ingredientList { width: 100%; max-width: 400px; height: 100px; } #result { font-size: 18px; margin-top: 10px; } .red-text { color: red; } .green-text { color: green; } #buttons { margin-top: 10px; } #credit { font-size: 12px; margin-top: 10px; color: #666; } #credit a { color: #666; text-decoration: none; }

Acne Safe Ingredient Checker

Enter a list of ingredients from your product (separated by commas or line breaks):


Check Ingredients Clear

Done by MaddieLizSites

5

Can I email it to you? I can not get the code to post.