How to resolve 'paragraph' setting error in theme editor?

Technical Q&A
1

Hello,

I’ve been making some code edits to my theme and have no errors showing in VS code but when adding new sections to the theme in the theme editor I keep getting this error: Setting ‘paragraph’ is invalid. Tag ‘

’ is not permitted.

It’s not obvious which section is creating this error and I can’t see anything in my code that looks wrong. Has anyone had this error or similar and been able to fix it? I wish it was clearer where the error was coming from!

Thanks in advance.

2

@Nataliabrown , Please check your schema setting options and remove the

tag if you found it in default.

or else you can remove that default line to solve this error.

3

  1. Identify the section: Review the changes you made in your code and try to identify the section(s) you added or modified recently. Sections are typically located in separate files within your theme’s codebase.

  2. Inspect the code: Open the file(s) associated with the identified section(s) in your code editor (e.g., VS Code) and carefully examine the code for any instances where the ‘

    ’ tag is used.

  3. Verify context and formatting: Check the context in which the ‘

    ’ tag is used. Certain sections or specific areas within a section may have restrictions on the types of HTML tags that are allowed. Make sure the ‘

    ’ tag is being used appropriately and in a context where it’s permitted.

  4. Resolve the issue: If you find the ‘

    ’ tag where it’s not allowed, you have a few options to fix the issue:

    • Remove the ‘

      ’ tag: If the ‘

      ’ tag is not necessary or appropriate in that context, you can simply remove it.

    • Replace with a permitted tag: If you need a paragraph-like structure in that context, replace the ‘

      ’ tag with a tag that is allowed. For example, you might use ‘

      ’ with appropriate styling or a specific semantic tag like ‘’ or ‘’.
    • Customize the theme settings: If the section you added is customizable through the theme editor, check if there are any options or settings related to paragraph elements. Ensure that the appropriate HTML tags are used according to the theme’s requirements.
4

I found the issue - you cannot name a schema ID ‘paragraph’ as this messes up the theme. I thought you could give an ID any name but you have to be very careful with naming IDs in the schema.