Help with custom code

Technical Q&A
, , ,
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.

6

I would like to know the answer to this as well…did you find a solution? I have a client looking for this feature on their website so would love some help integrating it.

7

For third party app issues contact that app developer DIRECTLY.

Otherwise help others help you:

  • other people aren’t mind readers
  • improve upfront communication
    Be clear in what specific issue your having and how you expect external people to understand or help with the specific problem.

The user here is posting about styling or some other undefined issue specific to thier site.
That’ doesn’t mean they are gonna have an overlap unless you make it clear HOW it overlaps.